On mobile devices, the map can occupy the entire screen. It is not possible to scroll the page up or down. You can disable the scrollZoom and drag behavior. At the same time the card will not scroll inside its container, but the page remains in place. Apparently the event "does not reach" the page.

I want to preserve the ability to interact with the card through multiTouch and buttons, so I do not want to replace the dynamic map with a picture.

Is it possible to transmit drag events to the page, while leaving the possibility to scale the map with multi-touch and click on the available control buttons.

  • one
    It is enough to turn off the drag and everything works map.behaviors.disable (['drag']); Example: alyniekka.com/se0ga/drag.html - se0ga
  • Thanks for answering @ se0ga. By the link you specified, the map is full screen Check the scrolling of the main page is not possible. I think you did not fully understand the question (or I didn’t explain well). I need that when you drag on the map, the map itself in the container would not scroll, and the page on which the container with the map is located scrolled. - ivangretsky pm
  • Yes, there is a map on the whole screen, but the drag on the mobile works as there is an empty block under the map. You mean drag the page on a mobile device with one finger? Or scroll pages in a desktop browser using the mouse wheel? - se0ga pm
  • I mean scrolling the page (not the card inside the container) with one finger. In your example on mobile Chrome, drag works only if you get on one of the controls (such as a link to Yandex or the +/- button). When the "dredge" on the main area of ​​the map drag does not work. And this is exactly what I need to implement. - ivangretsky 3:05 pm
  • Try now alyniekka.com/se0ga/drag.html. Apparently, something changed in one of the Yandex versions and now the example does not work. Fixed the previous version and the example began to work. I wrote to Yandex to fix it. You, in turn, also write to them in order to have more of us) - se0ga

0