Чтобы предотвращать переключение между разными секциями страницы при скроллинге, можно использовать CSS-свойство overscroll-behavior. 12 Оно позволяет указать браузеру, как себя вести при достижении конца скролла элемента. 2

Свойство принимает три значения: 1

1. auto — значение по умолчанию, цепочка прокрутки будет работать в стандартном режиме; 2
2. contain — скролл будет доступен только в пределах текущего элемента; 2
3. none — скролл доступен в пределах текущего элемента и предотвращает отскок экрана при достижении края контейнера. 2

Свойство необходимо задавать именно тому элементу, который нужно скроллить. 2

Ещё один способ — использовать свойство position: sticky. 3 Оно укажет браузеру, что следует позволить элементу прокручиваться вместе с остальной частью документа, пока он не достигнет верхней части страницы. 3 Как только это произойдёт, позиция элемента фиксируется, а остальные элементы на странице прокручиваются за ним. 3

Также для фиксации элементов на странице при прокрутке можно использовать свойство position: fixed. 4 Оно привязывает элемент к определённой точке на экране и не позволяет ему менять своё положение при прокрутке веб-страницы. 4