Задать вопрос
fwlt
@fwlt
Дизайнер
html

Как сделать скролл на карте?

Здравствуйте, уважаемые пользователи Тостера! Есть сайт www.silkwaylog.com, внизу карта Яндекса.
Нужно сделать так, чтобы можно было скроллить её, а не сайт. Как это реализовать? Гугл или Яндекс Карты - не важно.

И второй способ. Чтобы проскроллив сайт, можно было нажать на карту и чтобы начала она скроллиться, опять нажав на другое место, то скроллится опять сайт.
Я в этих делах нуб, поэтому объясните доступнее, пожалуйста.
  • Вопрос задан
  • 432 просмотра
Комментировать
Подписаться 2 Оценить Комментировать
Решения вопроса 1
matroskin13
@matroskin13
JavaScript developer, GO developer
Это делаем при инициализации:

var myMap = new ymaps.Map("map", {
            center: [59.93, 30.31],
            zoom: 10,
            behaviors: ["scrollZoom"]
        }
    );
myMap.behaviors.disable("scrollZoom");


Это при клике на div с картой:

myMap.behaviors.enable("scrollZoom");

Должно работать, но не проверял.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
paradokso
@paradokso
Начинающий фронт-эндер
jQuery
$('#map_canvas').addClass('scrolloff');  
    $('#canvas').on('click', function () {
        $('#map_canvas').removeClass('scrolloff'); 
    });
    $("#map_canvas").mouseleave(function () {
        $('#map_canvas').addClass('scrolloff');
    });


css
.scrolloff{
  pointer-events: none;
}


'#map_canvas - сама карта
'#canvas - родительский контейнер
Ответ написан
3 комментария
3 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Собрать сайт на Vue / Laravel
19 апр. 2024, в 11:14
65000 руб./за проект
Отрисовка дизайна главной и внутренней
19 апр. 2024, в 11:08
5000 руб./за проект
Работы по АСУТП
19 апр. 2024, в 10:59
150000 руб./за проект
Ещё заказы