Поиск
Close this search box.
Поиск
Close this search box.

28 января, 2022

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

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

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

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

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

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

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

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

<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. Ставьте лайки, задавайте вопросы)

Уникальные тексты и изображения
с помощью
Искусственного Интеллекта
на русском языке.

Перейдите в Telegram и возьмите бесплатный пакет символов для тестирования сервиса
10 000 символов бесплатно!

0

Интересные статьи

Announce

2019 collection

Let’s face it, no look is really complete without the right finishes. Not to the best of standards, anyway (just tellin’ it like it is, babe). Upgrading your shoe game. Platforms, stilettos, wedges, mules, boots—stretch those legs next time you head out, then rock sliders, sneakers, and flats when it’s time to chill.