VisualViewport: scroll event

The scroll event of the VisualViewport interface is fired when the visual viewport is scrolled.

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

BCD tables only load in the browser

See also