Skip to content

Instantly share code, notes, and snippets.

Created April 8, 2015 15:32
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save jaredatch/d108378f2eadfe394b50 to your computer and use it in GitHub Desktop.
Prevent Google maps iframe embeds from hijacking scroll with zoom
// Prevent Google Maps from hijacking scroll
var onMapMouseleaveHandler = function (event) {
var that = $(this);
that.on('click', onMapClickHandler);'mouseleave', onMapMouseleaveHandler);
that.find('iframe').css("pointer-events", "none");
var onMapClickHandler = function (event) {
var that = $(this);
// Disable the click handler until the user leaves the map area'click', onMapClickHandler);
// Enable scrolling zoom
that.find('iframe').css("pointer-events", "auto");
// Handle the mouse leave event
that.on('mouseleave', onMapMouseleaveHandler);
// Enable map zooming with mouse scroll when the user clicks the map
$('.section-map').on('click', onMapClickHandler);
.section-map iframe {
pointer-events: none;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment