The scroll event is fired when an SVG document view is being shifted along the X and/or Y axes. This basically implements the standard scroll DOM event.
| Bubbles | No |
|---|---|
| Cancelable | No |
| Interface | SVGEvent |
| Event handler property | onscroll |
Examples
svgElem.addEventListener('scroll', () => {
console.log('SVG scrolled.');
})
Specifications
| Specification | Status | Comment |
|---|---|---|
| Scalable Vector Graphics (SVG) 2 The definition of 'event changes in SVG2' in that specification. |
Candidate Recommendation | Initial definition |
Browser compatibility
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.
Update compatibility data on GitHub
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
scroll event | Chrome ? | Edge ? | Firefox ? | IE ? | Opera ? | Safari ? | WebView Android ? | Chrome Android ? | Edge Mobile ? | Firefox Android ? | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
Legend
- Compatibility unknown
- Compatibility unknown
Document Tags and Contributors
Tags:
Contributors to this page:
chrisdavidmills,
mdnwebdocs-bot,
fscholz,
teoli,
Sheppy,
ethertank,
louisremi
Last updated by:
chrisdavidmills,