JavaScript плавная прокрутка - iphone

Question

Есть ли какие-нибудь плагины или кто-нибудь знает хороший способ добиться прокрутки на резинке iPhone?рабочий пример во flash http://www.shinedraw.com/text-effect/silverlight-3-and-flash-iphone-dragging-effect/

Я хочу перетащить и прокрутить div, но если он проходит определенную точку, он отскакивает назад.

Спасибо

Answer 1

Выезд iScroll .

Answer 2

Дрю МакКормак написал для MacResearch статью о физике отскока и прокрутки импульса здесь , которая включает в себя код JavaScript для воспроизведения большей части поведения, которое вы видите на iPhone.

Answer 3

После того, как вы выяснили, как его прокрутить, в mootools очень просто получить эффект "отскока".

Например, вы можете применить определенный эффект отскока следующим образом:

//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});

Редактировать: посмотрите @ mootouch тоже, это очень интересный проект