В моем контейнере есть секции/коробки, но последний из этих полей следует прокручивать, когда ни один из остальных ящиков не отображается.
Таким образом, когда пользователь прокручивается вниз, он видит обычную боковую панель, но когда пользователь опустился достаточно, боковая панель заканчивается, но последний бокс начинает следовать в верхней части экрана. Я видел это много на разных сайтах.
Мой код на данный момент:
$(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);
});
});