基本上,我目前有一个 div 保持固定并在用户滚动时跟随用户向下滚动,直到达到某个点。我可以很容易地让它停在一个固定的像素位置,就像我在下面的例子中所做的那样,但是因为我是一个 jQuery 白痴,我不知道如何让它停在一个 div 上。
这是我到目前为止使用的:
var windw = this;
$.fn.followTo = function ( pos ) {
var $this = this,
$window = $(windw);
$window.scroll(function(e){
if ($window.scrollTop() > pos) {
$this.css({
position: 'absolute',
top: pos
});
} else {
$this.css({
position: 'fixed',
top: 0
});
}
});
};
$('#one').followTo(400);
这是示例:jsFiddle
我希望它在到达第二个 div 时停止的原因是因为使用我使用的流畅布局,第二个 div 将根据浏览器大小坐在不同的点。为它定义一个特定的停止点是行不通的。任何人都知道如何让这个做我想做的事?或者,固定 div 是否有可能在达到向下的百分比时停止滚动?我环顾四周,但没有发现任何东西。
谢谢你的帮助。