9

カスタム スクロール バーを持つ div を含むサイトで作業しています。私の問題は、マウス ホイールが適切に機能しないことです。速度が遅すぎます。

サイトはhttp://alaaelseifi.net/で、カスタム スクロール ライブラリはhttp://manos.malihu.gr/にあります。

スクリプトは次のようになります。

$(window).load(function() {
    $(".scroll-pane").mCustomScrollbar();
    //code that make scrolling with mouse faster
});
4

5 に答える 5

20

次の scoll ライブラリのドキュメントで説明されているように、オプションでスクロールの速度を設定できます: http://manos.malihu.gr/jquery-custom-content-scroller/

あなたが探しているのは次のようなものだと思います：

$(".scroll-pane").mCustomScrollbar({
  mouseWheelPixels: 50 //change this to a value, that fits your needs
})

スクロールが必要な速度になるまで、値をいじってみてください。

于 2013-03-21T11:34:41.230 に答える
18

また、私のサイトでの「遅い」感覚は、スクロールの慣性がデフォルトでオンになっているためであることに気付きました。

$(".scroll-pane").mCustomScrollbar({
    scrollInertia: 0
});
于 2014-09-29T14:09:16.203 に答える
4

Melinda が述べたように、scrollInertia はトリックを行いますが、完全にオフにするのではなく、調整してより速く、しかしスムーズにすることができます。それを完全にオフにすると、スクロールが私の好みにはあまりにも不安定になり、多くのオプションを飛び越えてしまいました. そのため、いくつかのオプションに到達できませんでした。

60ms が理想的な設定であることがわかりました。

$(".mCustomScrollbar").mCustomScrollbar({
  scrollInertia: 60,
});

ドキュメントが言うように：

スクロールの勢いの量をアニメーションの継続時間 (ミリ秒単位) として設定します。値が大きいほど、スクロールの勢いが大きくなり、アニメーションがよりスムーズでプログレッシブになります。無効にするには 0 に設定します。

于 2015-10-23T23:30:01.013 に答える