How to block dragging (moving) yandex maps on smartphones?

Question

JavaScript

The site has an adaptive layout and yandex maps. On the phone, when scrolling the page to the map, the map starts scrolling instead of the page, how can it be blocked until some specific event?
I used to meet a site where this was implemented by touching two fingers (something like that). But I don't remember what site it was.
Anyone familiar with this please let me know.

Answer 1

the easiest way to block the map is to create a div on top of the map via absolute.
and the event on which to do this is already limited only by your imagination.
example: by default on mobile you create this div (to block the map), and already, for example, by clicking on the div, you remove this element.

Answer 2

I used to meet a site where this was implemented by touching two fingers (something like that). But I don't remember what site it was. - google maps

Answer 3

Made this way: https://codepen.io/a22432/pen/MVdrZG