Как заблокировать «drag» на карте яндекса на смартфонах?

Question

[Cоломон Геннадьевич]

Вставил карту яндекса на сайт через виджет:

<script type="text/javascript" charset="utf-8" async="" 
src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Af5450d1b495f71bcd1afe6a6247132b5c0b33966842e31cc9ebc48c18d049b60&amp;width=100%25&amp;height=450&amp;lang=ru_RU&amp;scroll=false;">
</script>

Теперь пользователь не может на смартфоне прокрутить страницу ниже карты, ибо карта "перехватывает" скролл пальцем
Как решить эту проблему? Обернуть в див?

Answer 1

[imko]

Ограничь ей максимальную высоту в vh, чтобы всегда было место на экране не занятое картой

Answer 2

[I'm Yoda]

Накладываете поверх карты див с позишн абсолют, короче чтоб полностью перекрывала карту.
Для мобилки point-events: all, для десктопа point-events: none.

Comments

[Cоломон Геннадьевич]

и че даст этот поинт евентс олл? Это же разрешит ему драг

[I'm Yoda]

Cоломон Геннадьевич, на десктопе да, на мобилке нет.

[Cоломон Геннадьевич]

I'm Yoda, так клики тогда тоже не будут работать получаются. А надо чтобы по клику карта заработала

[I'm Yoda]

Cоломон Геннадьевич, в этом случае свои обработчики событий на свайп надо написать.