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

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

在这里演示

我希望这有帮助！

Answer 2

也许直接在 CSS 上添加是一个更好的选择。

body {
    overflow: hidden;
}

然后在 jQuery 中：

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