2017-01-30 113 views
-1

My landing page 如何臨時更換主滾動帶內的div滾動

此頁面是由主sroll將滾動整個頁面及部分滾動1將滾動部分1,在這種情況下,主要的渦旋盤的到達第1部分時停止滾動,並在第1部分完成滾動後繼續。這意味着,當第一部分位於窗口頂部時,主滾動將被第一部分滾動臨時替換,任何人都可以幫我解決這個問題嗎?我最近發現leafo粘包,但我認爲這個插件不能解決此問題

回答

1

試試這個:

$(function(){ 
    $(document).scroll(function(){ 
     $('#wrapper').stop().animate({ 
      scrollTop : $(this).scrollTop() 
     });    
    }); 
}); 

CSS

html, body { 
    padding:0; 
} 

body { 
    height:3000px; 
} 

#wrapper { 

    height:300px; 
    overflow:scroll; 
    background-color:yellow; 
    top:100px; 
} 

Updated Demo

+0

感謝您的快速回應,但我不希望它的位置固定先生。 – ronydavid

+0

請檢查我的更新演示@ronydavid –

+0

謝謝先生,但問題是,主滾動應該不滾動,直到內滾動完成滾動。 – ronydavid