我很难正确描述我的要求,但这是来自 boingboing.net 的最佳示例.查看侧边栏,然后向下滚动到底部。请注意当用户向下滚动时最后一个小部件(我不知道它是什么,抱歉。)或 Advertise 是如何留在原处的?到达底部时它也会停止。我该怎么做?
我知道 css 属性,position:fixed;
但我猜该方法与 boingboing.net 不同。在这件事上需要帮助。有帮助吗?非常感谢!
最佳答案
在window
的scroll上绑定(bind)一个事件,根据window<的
.scrolltop
设置目标div的position
/
$(window).scroll(function () {
if($(this).scrollTop() >= 500){
$('targetdiv').css('position','fixed');
}
else {
$('targetdiv').css('position','relative'); // or any other position
}
});
或者更好的是,您可以在 window
的特定顶部添加一个 class
,它具有 position:fixed
关于jquery - 我怎样才能使一个 Div 保持在它的位置上?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12443810/