Cacher is the code snippet organizer for pro developers

<style>
    .scrolloff {
        pointer-events: none;
    }
</style>
			
<script>
  $(document).ready(function () {
  	$('#map').addClass('scrolloff');
  	
  	$('#overlay').on("mouseup",function(){
  		$('#map').addClass('scrolloff'); 
  	});
  	$('#overlay').on("mousedown",function(){
  		$('#map').removeClass('scrolloff');
  	});
  	$("#map").mouseleave(function () {
  		$('#map').addClass('scrolloff');
  	});
  });
</script>