Как предотвратить прокрутку страницы при увеличении масштаба карты Google в Chrome?

Question

Я использую трекпад Mac на карте Google. Если я проведу двумя пальцами вниз или вверх, карта будет увеличиваться или уменьшаться (как и должно быть), но затем вся страница прокручивается вверх или вниз.

Я думаю, что это связано с импульсом трекпада (вероятно, то же самое на Magic Mouse).

Когда я использую обычную мышь с колесом прокрутки, у меня нет такой же проблемы.

Я пытался делать такие вещи, как e.preventDefault() в scroll слушатель элемента карты, но не повезло.

Чтобы увидеть пример, достаточно быстро увеличить или уменьшить масштаб на собственной демонстрационной странице Google: https://developers.google.com/maps/documentation/javascript/examples/map-simple

Как предотвратить прокрутку всей страницы, когда я пытаюсь только увеличить карту?

Спасибо!

Answer 1

С jQuery попробуйте это:

 $("#idOfMap").on("wheel mousewheel DOMMouseScroll", function(e){
     e.preventDefault();
 });

При использовании jQuery предыдущей версии 1.7 bind() вместо on(),

Answer 2

Для меня это сработало, попробуйте скачать MagicPrefs для трекпада, он дает вам гораздо больше предпочтений относительно работы вашего трекпада. http://magicprefs.com/