Отключаем прокрутку яндекс-карты

Здравствуйте, друзья! Сегодня мы покажем, как мы отключаем прокрутку яндекс-карты при скролле страницы. С этой проблемой сталкиваются многие начинающие веб-разработчики. Суть в том, что при размещении карты-яндекс на странице на всю ширину, при прокрутке колесом мыши вниз, если вы остановили курсор в области карты (например посмотреть маршрут), то карта зуммируется (изменяется ее масштаб), при попытке прокрутить страницу еще ниже. Одно дело, когда блок с картой расположен последним на странице, другое дело, когда за ним есть еще секции, при прокрутке к которым вы “зависните” в области карты. Итак, давайте уберем прокрутку яндекс-карты при скролле страницы.

Рассмотрим эту проблему на наглядном примере.

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

Убираем скролл карты яндекс при прокрутке страницы

На самом деле, это очень просто.

Давайте рассмотрим код яндекс-карты

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

Обратите внимание на часть кода scroll=true. Это говорит нам о том, что скролл разрешен, включен.

Давайте сменим значение на false ( scroll=true )

Посмотрим на измененный код:

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

Теперь посмотрите, что у нас получилось.

Вот и все) Мы показали, как в yandex map отключить scroll. Ставьте лайки, задавайте вопросы)