5

私は nicescroll プラグインを使用しています。http://areaaperta.com/nicescroll/

少しだけ疑問があります。ページが読み込まれると、ブラウザからデフォルトのスクロール バーが表示され、nicescroll バーが表示されます。すべてのドキュメントに nicescroll バーを適用したいのですが、次のコードがあります

var nice = $("body").niceScroll({
        preservenativescrolling: false,
        cursorwidth: '8px',
        cursorborder: 'none',
        cursorborderradius:'0px',
        cursorcolor:"#39CCDB",
        autohidemode: false, 
        background:"#999999"
     });

autohidemode を true に設定すると、ブラウザーにデフォルトのスクロール バーが表示されません。しかし、nicescroll バーを常に表示したいと考えています。

なぜこれが起こっているのか誰か知っていますか?? ありがとう

4

4 に答える 4

4

多分これはあなたを助けるかもしれません。わたしにはできる。

<script id="twitter-wjs" src="../js/widgets.js"></script>
<script src="../js/jquery.min.js"></script>
<script src="../js/jquery.easing.1.3.js"></script>
<script src="../js/jquery.nicescroll.min.js"></script>


<script>

  // Hide Overflow of Body on DOM Ready //
$(document).ready(function(){
    $("body").css("overflow", "hidden");
});

// Show Overflow of Body when Everything has Loaded //
$(window).load(function(){
    $("body").css("overflow", "visible");        
    var nice=$('html').niceScroll({cursorborder:"",cursorcolor:"#333333",cursorwidth:"8px", boxzoom:true, autohidemode:false});

});
</script>
于 2013-01-15T06:12:39.963 に答える
1

ここにあなたが望むかもしれないものの例があります:

if (jQuery().niceScroll) {
    $("html").niceScroll({
        scrollspeed: 70,
        mousescrollstep: 38,
        cursorwidth: 15,
        cursorborder: 0,
        cursorcolor: '#0C090A',
        cursorborderradius: 0,
        autohidemode: true,
        horizrailenabled: false
    });
}
于 2015-11-12T15:51:33.927 に答える
0

私の最初の考えは、css 内にクラス.nicescroll要素を作成して、スクロールバーが表示されないようにすることです。overflow:hidden;

ドキュメントがロードされた後（できればwindow.loadで）、nicescrollプラグインを適用し、次のoverflow:autoようにjQueryで要素を設定します。

CSS:

.nicescroll{overflow:hidden;}

jQuery:

$(window).load(function(){
   $('.nicescroll').css({overflow:'auto'});
});

あなたの場合、IDまたはクラス（私の例のように）をbody要素に追加する必要があると思います。

于 2012-09-17T23:17:07.473 に答える