Просматривая всюду для решения этой проблемы и пытаясь использовать несколько плагинов, таких как jQuery Way-points, не имеет никакого успеха, я надеюсь, что кто-то здесь сможет предложить решение.
Как немного сложно объяснить только текстом, я создал диаграмму поведения.
Посмотрите эту ссылку, поскольку спам-фильтр не позволит мне опубликовать и изображение еще:
Все элементы имеют переменную высоту в зависимости от содержимого.
-
Наличие боковой панели, которая намного короче, чем содержимое страницы,
-
Как только дно боковой панели div войдет в окно просмотра,
-
Он останется фиксированным в этом положении, пока остальная часть содержимого будет продолжать прокручиваться как обычно.
-
Пока боковая панель не достигнет нижнего колонтитула, где она будет прокручиваться вверх, когда нижний колонтитул будет нормальным.
Это также работает в обратном порядке, когда пользователь прокручивается в обратном направлении вверху страницы.