2012-06-01 4 views
2

Я использую очень полезный плагин прокрутки, называемый nicescroll.load nicescroll before html load default browser scrollbar

Этот плагин занимает некоторое время для загрузки, так как я уже использую много jquery в своем проекте.

Возможно ли каким-либо образом скрыть полосу прокрутки по умолчанию браузера до загрузки скрипта, а затем скрипт выполнит свою работу и появится новая полоса прокрутки?

Я использую этот код для инициализации плагина:

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

ответ

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

Demo Here

Я надеюсь, что это помогает!

+0

привет спасибо за помощь, но я не использую контейнер, сво полоса прокрутки «тело» я беру примерно, как скрыть, что в первой и нагрузки это когда скрипт загружается –

+0

@SakshiSharma Scratch мой предыдущий комментарий; взгляните на обновленный ответ. – dSquared

+0

@SakshiSharma Demo Добавлено. – dSquared

0

Возможно, это лучший вариант для добавления непосредственно на ваш CSS.

body { 
    overflow: hidden; 
} 

А потом в JQuery:

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