Preventing accidental zoom in/zoom out

[uhuru-be]

A map is shown on the left side of my website. When a user scrolls down the website and moves over the map, instead of scrolling down the website, the map is zoomed in (or out). Can I prevent the map to listen to mouse scrolls ?

I know there 's an option "interactive" that you can set to false and pass to the Map instance, but this disables all mouse and keyboard listeners. I just want to disable listening to the mouse scrolling.

maybe related to #1832

[lucaswoj]

It's not well documented (#1497) but you can disable zooming with the mouse wheel by calling

map.scrollZoom.disable()

[lucaswoj]

Should we try to avoid responding to scroll events if the mouse pointer isn't over the map? My intuition is that's a little too "magic" to belong in mapbox-gl-js core.

[uhuru-be]

Thank you lucas !
Regarding your latest comment, I think this is indeed out of the scope of mapbox-gl-js core and could/would cause unwanted behaviour.