Расширенный jQuery "Sticky Bottom" и также Scrolling Sidebar Issue

Поискав везде решение этой проблемы, и пытаясь использовать несколько плагинов, таких как jQuery Way-points, без всякого успеха, я надеюсь, что кто-то здесь сможет предложить решение этой проблемы.

Поскольку это немного сложно для объяснения простым текстом, я создал диаграмму поведения.

Смотрите эту ссылку, так как спам-фильтр пока не позволяет мне разместить изображение:

http://imgur.com/VtrQg

Все элементы имеют переменную высоту в зависимости от содержимого.

  1. Имея боковую панель, которая намного короче содержимого страницы,

  2. Как только нижняя часть div боковой панели попадает в область просмотра,

  3. она остается зафиксированной в этой позиции, в то время как остальное содержимое продолжает прокручиваться как обычно.

  4. Пока боковая панель не достигнет нижнего колонтитула, где она будет прокручиваться вверх вместе с нижним колонтитулом, как обычно.

Это будет работать и в обратном направлении, когда пользователь прокручивает страницу в обратном направлении к верху.

12
задан ROMANIA_engineer 30 October 2017 в 20:47
поделиться