VisualViewport: scrollend イベント
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
scrollend は VisualViewport インターフェイスのイベントで、視覚的ビューポートのスクロール操作が終了したときに発行されます。これにより、スクロール操作が完了したときに要素を更新することができます。例えば、 resize イベントと scroll イベントを使用して、ピンチズームやスクロールが行われる際に要素が視覚的ビューポートに固定されるようにし、scrollend を使用してスクロールが終了したときに新しいコンテンツで要素を更新することができます。
構文
このイベント名を addEventListener() などのメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。
js
addEventListener("scrollend", (event) => {});
onscrollend = (event) => {};
イベント型
一般的な Event です。
例
使用例のデモについては、視覚的ビューポート API のランディングページをご覧ください。
仕様書
| Specification |
|---|
| CSSOM View Module # eventdef-document-scrollend |
ブラウザーの互換性
Loading…