VisualViewport: событие прокрутки
Базовая Широко поддерживается
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с августа 2021 года.
Событие scroll интерфейса VisualViewport срабатывает при прокрутке визуального области просмотра. Это позволяет вам позиционировать элементы относительно визуального области просмотра при прокрутке, что обычно привязано к области просмотра макета.
Синтаксис
Используйте имя события в методах, таких как addEventListener(), или задайте свойство обработчика событий.
addEventListener("scroll", (event) => {});
onscroll = (event) => {};
Тип события
Общее Event.
Примеры
См. страницу приземления API визуального области просмотра для демонстрации использования.
Спецификации
| Спецификация |
|---|
| Модуль CSSOM View # eventdef-document-scroll |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
scroll_event |
6261Свойство обработчика событийonscroll не поддерживается. |
79 | 91 | 4948Свойство обработчика событийonscroll не поддерживается. |
13 | 6261Свойство обработчика событийonscroll не поддерживается. |
68 | 4645Свойство обработчика событийonscroll не поддерживается. |
13 | 8.0 | 6261Свойство обработчика событийonscroll не поддерживается. |
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/VisualViewport/scroll_event