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