VisualViewport: scrollend event
The scrollend
event of the VisualViewport
interface is fired when a scrolling operation on the visual viewport ends. This allows you to update an element when a scrolling action is completed. For example, you could use the resize
and scroll
events to keep an element fixed to the visual viewport as it is pinch-zoomed and scrolled, and update it with new content when scrolling ends using scrollend
.
Syntax
Use the event name in methods like addEventListener()
, or set an event handler property.
js
addEventListener("scrollend", (event) => {});
onscrollend = (event) => {};
Event type
A generic Event
.
Examples
See the Visual Viewport API landing page for a usage demo.
Specifications
Specification |
---|
CSSOM View Module # eventdef-document-scrollend |
Browser compatibility
BCD tables only load in the browser