Skip to content
Technique to prevent map zooming on page scroll
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
js
LICENSE
README.md
index.html

README.md

Map Aware Page Scroll

Technique to prevent map zooming when scrolling the page

There is a common issue when scrolling page with map that translates scroll into zoom once cursor reaches the map element. This is pretty confusing to user and causes significant traffic leaks.

This technique is overcoming conflict between map zooming and page scroll. It deactivates map zoom on page scroll and activates it again once scroll cycle is over. Current implementation is specific to Mapbox or Leaflet maps.

Having general idea it is so much easier to build absctract implementation.

You can’t perform that action at this time.