Spec-Zone.ru › Web APIs

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 62
61Свойство обработчика событий onscroll не поддерживается.
79 91 49
48Свойство обработчика событий onscroll не поддерживается.
13 62
61Свойство обработчика событий onscroll не поддерживается.
68 46
45Свойство обработчика событий onscroll не поддерживается.
13 8.0 62
61Свойство обработчика событий 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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API