0

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

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

1 件の回答 1

1

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

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

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

$(function(){

  $("#toTop").click(function(){
    $('html,body').animate({scrollTop: 0}, 5000);
  });
});
<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>

4
  • マウスホイールを回した時のスクロールのスピードです。
    – aqua
    Commented 2017年8月23日 5:58
  • その際もscrollイベントを使って、上の方法でできるかもしれませんね。ありがとうございます!
    – aqua
    Commented 2017年8月23日 6:30
  • マウスホイールを回したときであれば、onwheelイベント検知して、デフォルトの効果を消して、このイベントに変更するという方法でしょうかね。もしわからなければ質問してください
    – keitaro_so
    Commented 2017年8月23日 6:39
  • なるほど、そうすればいいんですね!ありがとうございます!
    – aqua
    Commented 2017年8月23日 6:53

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。