Блог

Я пытаюсь сделать так, чтобы div боковой панели располагался ниже раздела заголовка, при прокрутке вниз он превратится в фиксированный div и останется фиксированным до нижней части страницы, как только он достигнет раздела нижнего колонтитула, он будет прилипать к его верхней части и позволит мне прокручивать область нижнего колонтитула внизбольше не видя его.

Существует идеальный пример того, что я пытаюсь описать на этом сайте http://madebymany.com/blog/apples-aesthetic-dichotomy

В левом столбце он залипает при прокрутке вниз, а затем отключается внизу

Я ищу хороший способ сделать это, надеюсь, пример или учебник, я понимаю, что это делается с помощью javascript, изменяющего свойства divs. Я пробовал искать, но все, что я смог найти, это старые устаревшие статьи старше 5-6 лет, и они выполнили только половину работы. Я даже не уверен, как назвать эту функцию?

Этот веб-сайт использует jQuery Scroll Follow.

Обратите внимание, что в соответствии с веб-сайтом jQuery Scoll Follow…

Объект Scroll Follow останется внутри его непосредственного контейнера.

… следовательно, почему прокрутка останавливается перед комментариями на вашем примере веб-сайта; элемент, который прокручивается на странице, ограничен внутри его родительского <aside> элемента. Вы можете ознакомиться с примером.

Вы в основном обрабатываете scroll событие страницы и перемещаете поле.

Для большинства руководств требуется jQuery, поэтому ознакомьтесь с ним. Если вам нужен учебник, вот рабочий: http://designwoop.com/2011/01/how-to-create-a-jquery-sticky-sidebar /.

Почему бы не проанализировать код этого веб-сайта тоже?