VisualViewport: scroll event

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

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

Examples

You can use the scroll event in an addEventListener method:

visualViewport.addEventListener('scroll', function() {
  ...
});

Or use the onscroll event handler property:

visualViewport.onscroll = function() {
  ...
};

Specification	Status	Comment
Visual Viewport API The definition of 'VisualViewport events' in that specification.	Draft	Initial definition

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`scroll` event Experimental	Chrome Full support 62 Full support 62 Partial support 61	Edge No support No	Firefox Full support 66 Disabled Full support 66 Disabled Disabled From version 66: this feature is behind the `dom.visualviewport.enabled` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	IE No support No	Opera Full support 49 Full support 49 Partial support 48	Safari Full support 13	WebView Android Full support 62 Full support 62 Partial support 61	Chrome Android Full support 62 Full support 62 Partial support 61	Firefox Android Full support 68 Full support 68 Full support 66 Disabled Disabled From version 66: this feature is behind the `dom.visualviewport.enabled` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	Opera Android Full support 46 Full support 46 Partial support 45	Safari iOS Full support 13	Samsung Internet Android Full support 8.0 Full support 8.0 Partial support 8.0

Full support: Full support
No support: No support
Experimental. Expect behavior to change in the future.: Experimental. Expect behavior to change in the future.
User must explicitly enable this feature.: User must explicitly enable this feature.