VisualViewport: scroll 事件

Baseline 已广泛支持

此特性已发展成熟，可在多种设备和浏览器版本上使用。自 ⁨2021 年 8 月⁩ 起，它已在所有浏览器中可用。

当视觉视口（visual viewport）滚动时，VisualViewport 接口的 scroll 事件会被触发。这允许你相对于视觉视口滚动时来定位元素，而这些元素通常是锚定在布局视口（layout viewport）上的。

语法

在诸如 addEventListener() 之类的方法中使用事件名称，或设置事件处理程序属性。

addEventListener("scroll", (event) => { })

onscroll = (event) => { }

一个通用的 Event。

请参阅 Visual Viewport API 页面以获取使用演示。

规范
CSSOM 视图模块 # eventdef-document-scroll

此页面最后修改于 ⁨2025年9月15日⁩，由 MDN 贡献者修改。