title: Disable google map zooming on mouse hover is not working on IE
body: <p>The code below is stopping the map zoom in zoom out on mouse hover scroll in all the browsers only IE is not taking it. When i scroll the page down and mouse comes up on map it stops scrolling the page and starts zooming google map on IE</p>
  
  <pre><code>$(document).ready(function () {
  
          // you want to enable the pointer events only on click;
  
          $('#map_canvas1').addClass('scrolloff'); // set the pointer events to none on doc ready
          $('#canvas1').on('click', function () {
              $('#map_canvas1').removeClass('scrolloff'); // set the pointer events true on click
          });
  
          // you want to disable pointer events when the mouse leave the canvas area;
  
          $("#map_canvas1").mouseleave(function () {
              $('#map_canvas1').addClass('scrolloff'); // set the pointer events to none when mouse leaves the map area
          });
      });
  
  &lt;div id="canvas1" class="map"&gt;
       &lt;iframe id="map_canvas1" src="https://www.google.com/maps/embe...." width="1170" height="400" frameborder="0" style="border: 0"&gt;&lt;/iframe&gt;
  &lt;/div&gt;
  </code></pre>