Javascript 向下滚动时更改为固定位置后,向上滚动时返回绝对位置

Javascript 向下滚动时更改为固定位置后,向上滚动时返回绝对位置,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在处理一个页面,该页面左侧有一个小导航框,我希望在用户向下滚动时始终可见。我正在使用下面的脚本来获得这种效果,除了一个问题外,它工作得很好 当我向上滚动时,框不会恢复到其绝对位置,而是保持固定位置,然后与开始横幅重叠。我对这个想法还不熟悉,当用户滚动到那个点时,有没有关于如何使div返回到其原始设置的想法或建议 $(window).scroll(function(){ if ($(window).scrollTop() >= 229){ //looking for the windo

我正在处理一个页面,该页面左侧有一个小导航框,我希望在用户向下滚动时始终可见。我正在使用下面的脚本来获得这种效果,除了一个问题外,它工作得很好

当我向上滚动时,框不会恢复到其绝对位置,而是保持固定位置,然后与开始横幅重叠。我对这个想法还不熟悉,当用户滚动到那个点时,有没有关于如何使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'});
    }
});

要查看我正在处理的页面:

当您恢复到绝对时,您并没有取消设置边距。我建议您添加/删除一个类,这样您就不必担心重置值了

Javascript:

$(window).scroll(function(){

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


它正在回归绝对。但你的利润率保持不变。把你的利润率调回0.50像素哇,你是对的,我不敢相信我错过了,谢谢!
.fixed {
    position: fixed;
    margin: -250px 0px 0px 50px;
}