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

在这里演示

我希望这有帮助!