jQueryのスクロールバープラグインNicescrollの使い方は？

Nicescroll スクロール バー プラグインは、追加の CSS を必要とせず、ほぼすべてのブラウザーと互換性のある非常に強力な jQuery ベースのスクロール バー プラグインです。 IE6 以降はコードを実装するだけで済み、非常に煩雑で、スタイルは完全にカスタマイズ可能で、タッチ イベントをサポートし、タッチ スクリーンでも使用できます。

コアファイルを導入する プラグインにはバージョン1.5のjqueryライブラリを導入する必要があります。

スクロールバーを非表示

$(document).ready(
 function() { 
  $("html").niceScroll();
 }
);

スクロールバーのサイズが変更されたかどうかを検出(ウィンドウのサイズが変更されたとき)

$("#myp").getNiceScroll().hide();

特定の位置までスクロール

$("#myp").getNiceScroll().resize();

様々なパラメータを追加可能

$("#myp").getNiceScroll(0).doScrollLeft(x, duration); // Scroll X Axis
$("#myp").getNiceScroll(0).doScrollTop(y, duration); // Scroll Y Axis

設定パラメータテーブル

$(document).ready(
 function() { 
  $("#thisp").niceScroll({cursorcolor:"#00F"});
 }
);

また、同じページで複数のnicescrollプラグインを使用する場合、ロード時に、使用されているnicescrollオブジェクトを時間内に非表示にする必要があります。それからサイズを変更します。

プラグインが絶対浮動小数点数を使用してコンテナに配置され、上部の値が設定されている場合、プラグインの上部に問題が発生します。解決策は、プラグインのrailoffset属性を使用することです。

りー

以上がjQueryのスクロールバープラグインNicescrollの使い方は？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。