You're reading...

How to disable google map zoom in out scroll effect

Share this post on:

Embedding Google map into any website is very important now a days, especially when you’re dealing with online business. They should know where your business location and you’re either exists or not. Although, it’s not mandatory but for trust worthy, you should.

Google Maps

By the way, when it comes into action, I mean when you landed on your/any other web page and scroll your mouse over Google map, I think it’s very annoying when you get stuck and cannot go up or down because of Google map auto zoom in-out effect. At that time you must click on your browser scrollbar on the right hand side and then scroll through rest of the website.

You can get rid of this problem by two ways –

1. By using jQuery plugin and

2. Using CSS rules.

Though, many developers are using jQuery plugin to resolve this problem but I’m pretty sure, sometimes it would make your work progress down by finding the exact plugin. So, I decided to share with you a simplest way using CSS rules to accomplish this.

Sound exiting ha? 😉

Just add the inline style code below in your Google map iframe –

style="pointer-events: none;"

Now your map should look like below-

Finally, browse your web page again scroll through whole webpages where the map is being located and see what happen now!

I hope, now the dirty boring zoom in-out problem has no longer be a problem! Right?

If you still facing the problem, please let me know by comment, so that I can check your problem. And do not hesitate to say thanks and share this post if it works for you fine.

Views 2,225 times.
  • Redom Dutta

    Thanks

    • You’re welcome buddy!

      Please share this post if you feel like it would help anyone else you know! 🙂

  • Mohai Menur

    Wow Great! Really helpful post. Many many thanks!

    I’m waiting for more post, like this. 🙂

    • Glad to know that you like it.

      I hope, I would share as many informative post as I can. 🙂

Latest Blog Update

Get my latest blog update at your inbox periodically, just a click away, Sign Up Now
Email address
Secure and Spam free...