2013-05-02 77 views
4

我想根據if函數的結果隱藏/顯示NiceScrollNiceScroll顯示/隱藏

在我的html有三個部分,從左到右依次滾動。

我的腳本如下:

var section2 = $('#section2').offset().left; 
$(window).scroll(function(){ 
    var scrollZpos = $(document).scrollLeft(); 
    if (scrollZpos <= section2) { 
     $("body").getNiceScroll().hide(); 
    } 
    if (scrollZpos == section2) { 
     $("body").niceScroll({touchbehavior:false,cursorcolor:"#67a5df",horizrailenabled:false,cursoropacitymax:1,autohidemode:false,cursorwidth:10,cursorborder:0,cursorborderradius:0,cursorminheight:180}); 
    } 
    else if(scrollZpos >= section2){ 
     $("body").getNiceScroll().hide(); 
    } 
}); 

滾動第2節之外的時候,卻回滾動時不會再出現它隱藏。

回答

4

我在Github上找到了這個答案的解決方案。

最好在documentready事件期間創建NiceScroll

$("body").getNiceScroll().show() 
+0

您能否提供一個鏈接和您在Github上找到的答案中的相關文字? – 2015-05-06 09:13:55

+0

@wilbishardis thx for upvote,這裏是github上發佈的帖子https://github.com/inuyaksa/jquery.nicescroll/issues/215 – 2015-05-06 22:53:37

+0

@syzmon王牌,謝謝! – 2015-05-07 07:04:24