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

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

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

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

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

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

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

Спасибо!


google-maps scroll trackpad magic-mouse
person Drew LeSueur    schedule 14.04.2014    source источник
comment
проверьте это, возможно, это подходит jsfiddle.net/XNwbt/551   -  person john Smith    schedule 23.04.2014

Ответы (2)


arrow_upward
2
arrow_downward

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

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

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

person timbernasley    schedule 23.04.2014

arrow_upward
0
arrow_downward

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

person Joe Perkins    schedule 14.04.2014
comment
Спасибо, я пытаюсь сделать это без изменения пользователем настроек по умолчанию. - person Drew LeSueur; 14.04.2014