0

私は、デフォルトの$(window).scroll()動作を美しいイージング アニメーションに置き換えようと懸命に努力してきました。しかし、これまでのところ運がありません。以下は私のコードです。

$(window).scroll(function(e){
    e.preventDefault();

    var cp=$(window).scrollTop(); // current scroll position

    //animate with custom easing
    $('html, body').animate({scrollTop:cp}, 50,'easeInElastic');

});

しかし、これは機能していません。単純に 1 ~ 3 ピクセルしかスクロールせず、非常に低速です。

それを変更すると$('html, body').animate({scrollTop:500}, 50,'easeInElastic'); 、一度だけ実行され、それは私が望むものではありません。

ユーザーがスクロール バー ボタンを押したときに、標準のスクロール動作をイージング アニメーションに置き換えたいと考えています。

JSFiddle リンクhttp://jsfiddle.net/bfDrp/

4

2 に答える 2

0

このプラグインを見てください:

http://manos.malihu.gr/jquery-custom-content-scroller/

ここに実装があります:

<script>
(function($){
    $(document).ready(function(){
        $("body").mCustomScrollbar();
    });
})(jQuery);

于 2013-10-14T06:31:41.890 に答える
0

window で scrollX と scrollY を使用できる場所で .scrollTo 関数を使用します。

window.scrollTo(0,150,500);
于 2013-10-14T06:37:56.947 に答える