CSS поведение при перелистывании

Модуль CSS поведения при перелистывании предоставляет свойства для управления поведением контейнера прокрутки при достижении его позиции прокрутки границы прокрутки. Управление этим аспектом особенно полезно в сценариях, где встроенные области прокрутки не должны вызывать прокрутку родительского контейнера.

При комментировании в блоге вы можете заметить, что если ваш комментарий превышает длину предоставленного <textarea>, прокрутка за пределы текстового поля приводит к прокрутке всего блога. Это происходит потому, что достижение конца области прокрутки, известной как граница прокрутки, может привести к прокрутке другого содержимого или всей страницы. Этот непрерывный опыт прокрутки называется цепочкой прокрутки.

В ситуациях, когда содержимое элемента больше, чем его контейнер, и overflow позволяет или по умолчанию разрешает прокрутку (например, в <textarea>), дальнейшая прокрутка за пределы области прокрутки элемента инициирует прокрутку родительского элемента или подлежащей страницы.

Напротив, прокрутка по условиям использования веб-сайта и достижение конца содержимого для активации флажка может не приводить к прокрутке или отскоку страницы (как на телефоне). Этот пример показывает, что вы можете управлять поведением при перелистывании и предотвращать цепочку прокрутки.

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