當向下滾動時更改爲固定位置後向上滾動時返回到絕對定位

Question

我正在頁面上有一個左側的小導航框，我希望隨着用戶向下滾動而始終可見。我使用下面的腳本來獲得這種效果，除了一個問題之外，它工作得很好。

當我向後滾動框時，不會恢復到其絕對位置，而是保持固定位置，然後重疊開始橫幅。我對這個想法不熟悉，對於如何在用戶滾動到該點時如何讓div恢復爲原始設置有任何想法或建議？

$(window).scroll(function(){ 
if ($(window).scrollTop() >= 229){ //looking for the window to scroll to 229px in this example 
    $('.timeline').css({position:'fixed',margin:'-250px 0 0 50px'}); 
} else { 
    $('.timeline').css({position:'absolute'}); 
    } 
}); 

要看到我的工作頁面：http://embassyofrock.com/press

Answer 1

，當你恢復到絕對你不取消設置保證金。我會建議添加/刪除一個類，所以你不必擔心重置值。

的Javascript：

$(window).scroll(function(){ 

    if($(window).scrollTop() >= 229){ 
     $('.timeline').addClass('fixed'); 
    } else { 
     $('.timeline').removeClass('fixed'); 
    } 
}); 

CSS：

.fixed { 
    position: fixed; 
    margin: -250px 0px 0px 50px; 
}