在html加載之前加載nicescroll默認瀏覽器滾動條

我使用了一個非常有用的滾動條插件，名爲nicescroll。在html加載之前加載nicescroll默認瀏覽器滾動條

這個插件需要一些時間來加載，因爲我已經在我的項目中使用了很多jQuery。

是否有可能隱藏瀏覽器的默認滾動條，直到腳本加載，然後腳本會做它的工作，新的滾動條會出現？

我使用此代碼來初始化插件：

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

來源

2012-06-01 Sakshi Sharma

你可以做這樣的事情：

// 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

我希望這有助於！

來源

2012-06-01 19:51:51 dSquared

您好感謝您的幫助，但我沒有使用的容器，它的「身體」滾動條我以一下，如何隱藏，在第一和負載它當腳本加載 –

@SakshiSharma劃傷我以前的評論;看看最新的答案。 – dSquared

@SakshiSharma演示版已添加。 – dSquared

也許這是一個更好的選擇，直接添加到您的CSS。

body { 
    overflow: hidden; 
}

然後在jQuery的：

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

來源

2012-11-19 14:48:49 miduga

在html加載之前加載nicescroll默認瀏覽器滾動條

回答

相關問題