javascript - スクロール速度を変更し、慣性を追加する

Question

スクロールを変更し、ウェブページに慣性効果を追加する効果的な方法が必要です。

JavaScript で (たとえば jQuery を使用して) 何かアイデアはありますか?

元。https://victoriabeckham.landrover.com/INT

どうもありがとうございました。

Answer 1

私の知る限り、ネイティブの「scrollStop」イベントはありません。

しかし、このプラグインは、jQUerys の「Special Events」API http://james.padolsey.com/javascript/special-scroll-events-for-jquery/を使用して似たようなものをシミュレートします。

そこからスクロールトップをアニメーション化することもできます...

http://jsfiddle.net/3cAdy/

$(window).bind('scrollstop', function(e) {
    console.log(  );
    $('html, body').animate({scrollTop: ($(window).scrollTop() +100 )}, 'slow');
});​

Answer 2

あなたのサンプル Web サイトは、ネイティブのスクロールバーに対して何もしていません。

あなたが指し示したサイトの内容に目を通せば、「視差」として知られる一般的な効果が起こっていると思います。視差の例を探して、そこに見られるような効果を得ることができるはずです。