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
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
scrollend event |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- Partial support
- Partial support
- No support
- No support
- See implementation notes.
- Has more compatibility info.
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.