Question

我正在使用一个非常有用的滚动条插件，名为nicescroll。

这个插件需要一些时间来加载，因为我已经在我的项目中使用了很多jquery。

在脚本加载之前是否可以隐藏浏览器的默认滚动条，然后脚本将完成其工作并显示新的滚动条？

我正在使用此代码初始化插件：

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

Answer 1

你可以这样做：

// 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"});
});

<强> Demo Here

我希望这有帮助！

Answer 2

也许这是直接添加到CSS上的更好选择。

body {
    overflow: hidden;
}

然后在jQuery中：

$( function() {
    // activate niceScroll
});

在html加载默认浏览器滚动条之前加载nicescroll

2 个答案: