JavaScript平滑滚动-iPhone

Question

Are there any plugins or does anyone know of a good way to achieve the iPhone elastic band scroll? working example in flash http://www.shinedraw.com/text-effect/silverlight-3-and-flash-iphone-dragging-effect/

I'm looking to drag and scroll a div, but if it goes past a certain point it bounces back.

Thanks

Answer 1

查看iScroll 。

Answer 2

Once you have figured out how to scroll it, it's very simple in mootools to obtain that "bounce" effect.

For example, you can apply a particular bounce effect in this way:

//element is supposed to be the main div you want to drag on iPhone
var element = $('elementID');

//instantiate a morph fx referred to that element
var bounceEffect = new Fx.Morph(element,{duration:1000, transition:Fx.Transitions.Bounce.easeOut});

//...then, when you want it to bounce back (e.g. at the release, or when it goes below a certain position) you can do:

bounceEffect.start({'top':0});

Edit: take a look @ mootouch too, it's a very interesting project

Answer 3

德鲁麦科马克写了一篇文章为MacResearch有关的弹跳和滚动势头的物理位置 ，其中包括复制多少你在iPhone上看到的行为的JavaScript代码。