Как убрать скролл у Яндекс карт?

Question

[Zored]

В мобильной версии сайта если карта занимает весь экран, пользователь не может отскроллить страницу вниз. Что я делал:

map.behaviors.disable('scrollZoom'); // — это отключает зум колёсиком мышки, всё ок.
map.behaviors.disable('multiTouch'); // — это отключает зум щипком, не очень нужно. 
map.behaviors.disable('drag'); // — это отключает прокрутку карты, но есть одно "но": сама страница также не прокручивается.

Вот в Гугл картах всё намного проще и понятнее. :D

Answer 1

[shamalex]

можно переопределить стиль
.ymaps-map {
-ms-touch-action: auto !important;
touch-action: auto !important;
}

Answer 2

[Alexey ZloDeeV]

Накинь поверх карты пустой div по размерам

Comments

[Zored]

Интересно, а нет какого-то встроенного решения от Яндекса? Ведь у них так прекрасно структурирован код, такая замечательная документация и такое простое действие приходится совершать таким грубым хаком. Эх...

[Dartess]

Элементы управления карты тоже перекрывает.

Answer 3

[Дмитрий]

Помогла данная статья
https://sajgak.ru/site/javascript/otkljuchit-na-ja...

Answer 4

[vordzer]

По-прежнему работает map.disableDragging() с запретом прокрутки

Answer 5

[Дмитрий Шалмиев]

Посмотри на данный вопрос с другой стороны. Убери её в мобильной версии с помощью CSS и выведи следом с помощью API карт, но уже в статике, использую CSS классов bootstram (hidden-phone, visible-phone). Реализовывал так здесь: sohoclinic.ru/kontakty

Answer 6

[Денис Л.]

В принципе, вот неплохая статья на эту тему. Там с помощью несложного скрипта и дива-обёртки данная проблема решается в несколько строк кода: https://blog.lisogorsky.ru/ignor-scroll-iframe-maps