Задать вопрос
@Ambal89
Новичок в web'e

Как отключить скролл мыши на яндекс карте?

Добрый день, сделал яндекс карту конструктором карт, завел на сайт через iframe, выставил scroll=false , но карта всё равно крутится колёсиком. Раньше с таким не сталкивался, поэтому и пишу сюда.
Код карты на всякий случай.
<iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3Ac94e45d7f53bf7d35e1ae3e4946b0966305666753488de23effbc47e7d2d337f&amp;lang=ru_RU&amp;scroll=false&amp;source=constructor" width="100%" height="450" frameborder="0"></iframe>
  • Вопрос задан
  • 7068 просмотров
Подписаться 3 Оценить 3 комментария
Решения вопроса 1
fnnzzz
@fnnzzz
front-end dev
можно просто переключать pointer-events.
Как-то так, например:
demo
<div style="height: 2000px; width: 400px; margin: 0 auto;" id="map-wrap">
            <iframe style="pointer-events: none;" src="https://yandex.ru/map-widget/v1/?um=constructor%3Ac94e45d7f53bf7d35e1ae3e4946b0966305666753488de23effbc47e7d2d337f&amp;lang=ru_RU&amp;scroll=false&amp;source=constructor" width="100%" height="100%" frameborder="0"></iframe>
        </div>


document.addEventListener('click', function(e) {
                var map = document.querySelector('#map-wrap iframe')
                if(e.target.id === 'map-wrap') {
                    map.style.pointerEvents = 'all'
                } else {
                    map.style.pointerEvents = 'none'
                }
            })
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Inkognitod
Для тех кто еще ищет. в коде автора опечатка. нужно использовать &scroll=false без &amp. полный рабочий вариант ссылки https://yandex.ru/map-widget/v1/?um=constructor%3A...
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы