VisualViewport: scrollend イベント
利用可能性は限定的
この機能はベースラインではありません。最も広く使用されているブラウザーの一部で動作しません。
scrollend は VisualViewport インターフェイスのイベントで、視覚的ビューポートのスクロール操作が終了したときに発行されます。これにより、スクロール操作が完了したときに要素を更新することができます。例えば、 resize イベントと scroll イベントを使用して、ピンチズームやスクロールが行われる際に要素が視覚的ビューポートに固定されるようにし、scrollend を使用してスクロールが終了したときに新しいコンテンツで要素を更新することができます。
構文
このイベント名を addEventListener() などのメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。
js
addEventListener("scrollend", (event) => {});
onscrollend = (event) => {};
イベント型
一般的な Event です。
例
使用例のデモについては、視覚的ビューポート API のランディングページをご覧ください。
仕様書
| 仕様書 |
|---|
| CSSOM View Module # eventdef-document-scrollend |