VisualViewport: scroll イベント

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2021.

scrollVisualViewport インターフェイスのイベントは、視覚的ビューポートがスクロールされた際に発行されます。これによって、通常はレイアウトビューポートに固定されている要素を、視覚的ビューポートがスクロールされた際に相対的に位置指定することができます。

構文

このイベント名を addEventListener() などのメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。

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

onscroll = (event) => {};

イベント型

一般的な Event です。

使用例のデモについては、視覚的ビューポート API のランディングページをご覧ください。

仕様書

Specification
CSSOM View Module
# eventdef-document-scroll

ブラウザーの互換性