jQueryでプラグインを使わずにスクロールの速度を変更するにはどうすればいいですか？


jQueryでプラグインを使わずにスクロールの速度を変更するにはどうすればいいですか？

メソッドやプロパティなどありますか？




どの動作をした時のスクロールの速度のコントロールをしたいのかわかりませんが、

jQueryのAnimate関数を利用することでスクロールの速度は変更できます。  
[.animate() | jQuery API Documentation](http://api.jquery.com/animate/)  
scrollTopやscrollLeftなどの非スタイルプロパティやカスタムプロパティもアニメーションできます。

あとはイベント発火時に通常のスクロールイベントを打ち消して上記のイベントに置き換えれば実施できるともいます

[code]

    $(function(){
    
      $("#toTop").click(function(){
        $('html,body').animate({scrollTop: 0}, 5000);
      });
    });
[/code]

[code]

    <div style="height:500px;">↓↓↓↓↓</div>
    <button id="toTop">上へ</button>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
[/code]




どの動作をした時のスクロールの速度のコントロールをしたいのかわかりませんが、

jQueryのAnimate関数を利用することでスクロールの速度は変更できます。  
[.animate() | jQuery API Documentation](http://api.jquery.com/animate/)  
scrollTopやscrollLeftなどの非スタイルプロパティやカスタムプロパティもアニメーションできます。

あとはイベント発火時に通常のスクロールイベントを打ち消して上記のイベントに置き換えれば実施できるともいます

[code]

    $(function(){
    
      $("#toTop").click(function(){
        $('html,body').animate({scrollTop: 0}, 5000);
      });
    });
[/code]

[code]

    <div style="height:500px;">↓↓↓↓↓</div>
    <button id="toTop">上へ</button>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
[/code]

