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

Question

[Владимир Сорокин]

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

И второй способ. Чтобы проскроллив сайт, можно было нажать на карту и чтобы начала она скроллиться, опять нажав на другое место, то скроллится опять сайт.
Я в этих делах нуб, поэтому объясните доступнее, пожалуйста.

Answer 1

[Валентин Дубровский]

Это делаем при инициализации:

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

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

myMap.behaviors.enable("scrollZoom");

Должно работать, но не проверял.

Answer 2

[Роман]

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 - родительский контейнер

Comments

[Владимир Сорокин]

Так, и куда мне это пихать в обычной html странице?

[Роман]

Владимир Сорокин: у вас скрипты подключены?

[Алексей Евтеев]

Спасибо, отличное решение. и рабочее!