How to remove the scroll from Yandex maps?

Question

JavaScript

In the mobile version of the site, if the map takes up the entire screen, the user cannot scroll down the page. What I did:

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

Here in Google maps everything is much simpler and clearer. :D

Answer 1

you can override the style
.ymaps-map {
-ms-touch-action: auto !important;
touch-action: auto !important;
}

Answer 2

Place an empty div on top of the map to fit

Answer 3

Map.disableDragging() still works with no scrolling

Answer 4

Look at this question from the other side. Remove it in the mobile version with CSS and display it next with the help of the maps API, but already in static mode, using CSS classes bootstram (hidden-phone, visible-phone). Implemented like this here: sohoclinic.ru/kontakty

Answer 5

ymaps-touch-scroll

Answer 6

This article helped
https://sajgak.ru/site/javascript/otkljuchit-na-ja...

Answer 7

In principle, here is a good article on the subject. There, using a simple script and a wrapper div, this problem is solved in a few lines of code: https://blog.lisogorsky.ru/ignor-scroll-iframe-maps