在我的容器中有部分/框,但是当没有其他框可见时,这些框中的最后一个框应该跟随滚动.
因此,当用户向下滚动时,他会看到正常的侧边栏,但是当用户已经足够下降时,侧边栏会结束,但最后一个框开始跟随屏幕顶部.我在不同类型的网站上看到了很多.
我的代码目前:
$(window).scroll(function(){
$.each($('.follow-scroll'),function(){
var eloffset = $(this).offset();
var windowpos = $(window).scrollTop();
if(windowpos<eloffset.top) {
var finaldestination = 0;
} else {
var finaldestination = windowpos;
}
$(this).stop().animate({'top':finaldestination},200);
});
});
Run Code Online (Sandbox Code Playgroud)