iframe map NO SCROLL

map.css

.map iframe,
.map ymaps {
    pointer-events: none;
}

map.js

$('.map').click(function () {
	$('.map iframe').css("pointer-events", "auto");
	$('.map ymaps').css("pointer-events", "auto");
});
$( ".map" ).mouseleave(function() {
	$('.map iframe').css("pointer-events", "none"); 
	$('.map ymaps').css("pointer-events", "none"); 
});