2014-09-01 56 views
1

我正在製作三列布局模板。我在哪裏使用JavaScript滾動事件在屏幕上固定兩個側欄,如下所示,但向下滾動以查看中心div的內容,儘管達到了內容的結尾,但仍有無限滾動。如何在javascript滾動事件中刪除無限滾動

這裏是我的代碼:

<script type="text/javascript"> 
$(window).scroll(function() { 
    $('#left').css('top', $(this).scrollTop()+10 + "px"); 
    $('#exright').css('top', $(this).scrollTop()+100 + "px"); 
}); 
</script> 
+2

PLZ提供撥弄 – 2014-09-01 10:02:20

+0

,如果你做吧貼上,你真的**不需要**用JS,其實,自舉向你提供的HTTP方法://get.bootstrap .com/else,你可以在CSS中使用'position:fixed' – 2014-09-01 10:09:20

回答

0

你的代碼就可以了。我在JSFiddle上檢查它。我想你忘了在代碼中添加位置CSS。看看這個。

$(window).scroll(function() { 
$('#left').css('top', $(this).scrollTop()+10 + "px"); 
$('#exright').css('top', $(this).scrollTop()+100 + "px"); 

});

JSFiddle Link