driftyco/ionic — pull request #1543 by rotorgames (2014-06-02 07:11:01+00:00)
Title: Add: Using the "transition", to animate scrolling.

How to enable: `has-transition = true`

Test in /test/html/transition-scroll.html

TODO:
- [x] Test for Android 4.4.2 and 4.2.1 (good)
- [x] Test for Android 4.0.1 (Not very good)
- [ ] Test for IOS
- [ ] Support collectionRepeat (See below)

#### Tips:
- Use for Android (> 4.2). Animation becomes smooth as native, without jerks. For unknown reasons, `requestAnimationFrame` does not work so well.
- Do not use on older Android (<4.2). Strange, but on older android `requestAnimationFrame` faster than `transition`.

#### Problem collectionRepeat:

The main problem is that the list is constantly jumping up and down.

##### As is now:

http://youtu.be/ZvIgatNr54Y

Position `translate3d` reaches-160px, and returns to-110px. `transition` so will not work!

##### As will be:

http://youtu.be/if4sMc_tj_4

Position `translate3d` does not jump, it increases linearly. Internal elements receive position `translate3d` + Indent container. `transition` will work well!

May have other solutions, but so far I have not found them.