2

nicescrollという非常に便利なスクロールバー プラグインを使用しています。

プロジェクトですでに多くのjqueryを使用しているため、このプラグインのロードには時間がかかります。

スクリプトが読み込まれるまでブラウザのデフォルトのスクロールバーを非表示にして、スクリプトがその仕事をして新しいスクロールバーが表示されるようにすることは可能ですか?

このコードを使用してプラグインを初期化しています。 

$(document).ready(function() {
    var nice = $('html').niceScroll({
        cursorborder: "",
        cursorcolor: "#333333",
        cursorwidth: "12px"
    });
});
4

2 に答える 2

6

次のようなことができます。

// 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", "auto");        
    var nice=$('html').niceScroll({cursorborder:"",cursorcolor:"#333333",cursorwidth:"12px"});
});

デモはこちら

これが役立つことを願っています！

于 2012-06-01T19:51:51.760 に答える
0

たぶん、CSSに直接追加する方が良いオプションです。

body {
    overflow: hidden;
}

そしてjQueryでは：

$( function() {
    // activate niceScroll
});
于 2012-11-19T14:48:49.543 に答える