#imitate scroll

1. Create TableViewControllers - Settings

1.1. Create TableViewController subclass - New File - Cocoa Touch - UITableViewController type - Name: MyTableviewController

  (adsbygoogle = window.adsbygoogle || []).push({});

  1.2. In MyTableViewController.m file create myArray NSArray, and synthesize it in .m file. Set TableView Section count 1 and rows set to myArray.count

  1.3. Create MyTableViewController on Main storyboard, and add class MyTableViewController.

  1.4. Add UIButton to your ViewController, and ctrl drag to TableViewController, and select “Show” to this segue.

  1.5. Add “Cell” to the Prototype Cell Reuse Identifier

  1.6. Set cell label with this code:

   2. Detect when the user scrolling 

  2.1. Detect scroll offset if the user scrolling, use scrollViewDidScroll:

2.2. Test your app, run in Simulator. Now you can check offset data in log.

  3. Detect when user stops scrolling, and start our keyframe animation

We can detect, if the user stop scrolling, just we need to use scrollViewDidEndDragging:. And we can continue the user scrolling with keyframe animation. We can also add if statement, so, if the user scroll more, than “-100” and endDragging, we can start our animation. So we need a startOffset, it will be that value, where the user finishes scrolling. With keyframe animation, you can use more little animation as a one animation, so you can add start time and duration for all steps, and finally, should be compared with the total animation time. I do every step with -50 at startOffset.y, in 0.05 min, so it will be nature scroll animation to your eyes.

(adsbygoogle = window.adsbygoogle || []).push({});

This code will look like this:

4. Run your App in Simulator, start the scroll, check the log and after -100 end scrolling, and see the animation. 

5. Download the code

Click Here!

If you would like to be notified of my new solutions, please 

Subscribe to my youtube channel! 

Follow me on twitter!