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) 2The 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
? |
Firefox Android
? |
Opera Android
? |
Safari iOS
? |
Samsung Internet Android
? |
Legend
- Compatibility unknown
- Compatibility unknown
SVGElement: scroll event by Mozilla Contributors is licensed under CC-BY-SA 2.5.
