JQueryの.scroll（）を使用して、要素にスナップする運動量ベースのスクロールパネルを複製する

Question

標準のスクロール可能divオーバーフローをアップグレードしようとしています。スクロールが完了したら、 。

私はこれを行う方法について理論を持っていますが、援助が必要です。

現代のブラウザーとオペレーティングシステム、特にSafariは、とにかくスクロールにある程度の勢いを持っています。私がしたいのは、スクロールアニメーションが完了したことを認識させ、スクロールして要素liにスナップすることです。

私はそれがスナップする要素にスムーズにスクロールすることをお勧めします。現時点では、JQueryのscroll（）機能は実際のユーザのスクロールに適用するだけで、それに続く勢いはありません。

iScrollはこれに非常によく似ていますが、要件やバックエンドやインターネットエクスプローラと互換性がないため、非常に大きくてかさばります。

私たちはこれをどのように達成できるか考えてください。

マーヴェラス

Answer 1

これは実際には非常に簡単でjQueryで実現できます。 jQueryのアニメート機能を使用してスクロール（scrollTop）をアニメートし、このプラグインからeasing関数をeaseOutElasticに設定することができます。

$('myButton').click(function() { 
    $('myScroll').animate({scrollTop : XX},'easeOutElastic'); 
});