Web Designer / Developer usually embed Google Maps using iFrame in most websites. But, page scrolling stuck when user use mouse scroll in Google map area, and now it is working as Map zoom in/out. So, we always wonder that, "is there a way to disable the zoom via mouse scroll wheel on all of them using css or JavaScript?" Answer is "Yes", and here is powerful CSS's property - POINTER-EVENTS. For this, I am wrapping the Google map's iframe in a DIV. Default behavior of mouse in this DIV has been fixed to "pointer-events: none". It will terminate the zoom-in…
Continue Reading »