The scroll
event of the VisualViewport
interface is fired when the visual viewport is scrolled.
On this page
VisualViewport: scroll event
Syntax
Use the event name in methods like addEventListener()
, or set an event handler property.
js
addEventListener("scroll", (event) => {});
onscroll = (event) => {};
Event type
A generic Event
.
Examples
You can use the scroll
event in an addEventListener
method:
js
visualViewport.addEventListener("scroll", () => {
// …
});
Or use the onscroll
event handler property:
js
visualViewport.onscroll = () => {
// …
};
Specifications
Specification |
---|
CSSOM View Module # eventdef-document-scroll |
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
scroll_event |
62
61Theonscroll event handler property is not supported.
|
79 | 91 | No | 49
48Theonscroll event handler property is not supported.
|
13 | 62
61Theonscroll event handler property is not supported.
|
62
61Theonscroll event handler property is not supported.
|
68 | 46
45Theonscroll event handler property is not supported.
|
13 | 8.0 |
See also
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/VisualViewport/scroll_event