CSS:
.scrolloff {
pointer-events: none;
}
Javascript
$(document).ready(function () {
$('#map1').addClass('scrolloff');
$('#overlay').on('click', function () {
$('#map1').removeClass('scrolloff');
});
$("#map1").mouseleave(function () {
$('#map1').addClass('scrolloff'); /
});
});
HTML (нужно указать id для iframe)
<section id="overlay" class="map">
<iframe id="map1" src="" width="1170" height="400" frameborder="0" style="border: 0"></iframe>
</section>
Теперь карта не будет скроллится, пока не кликнешь мышкой по ней. При перемещении мыши за пределы карты, скрол опять отключается.
Не работает для IE<11.