VisualViewport: scroll 事件

Baseline 已廣泛支援

此特性已發展成熟,可在多種裝置和瀏覽器版本上使用。自 ⁨2021 年 8 月⁩ 起,它已在所有瀏覽器中可用。

當視覺視口(visual viewport)滾動時,VisualViewport 介面的 scroll 事件會被觸發。這允許你相對於視覺視口滾動時來定位元素,而這些元素通常是錨定在佈局視口(layout viewport)上的。

語法

在諸如 addEventListener() 之類的方法中使用事件名稱,或設定事件處理程式屬性。

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

onscroll = (event) => { }

事件型別

一個通用的 Event

示例

請參閱 Visual Viewport API 頁面以獲取使用演示。

規範

規範
CSSOM 檢視模組
# eventdef-document-scroll

瀏覽器相容性