Prevent embedded Google map from moving when scrolling page


#1

How do I prevent an embedded Google map from moving when scrolling a webpage?

On mobile versions two fingers are needed, but I can’t see a way of similarly preventing unintended scrolling/zooming on a desktop.

I’m using the standard Google code…

iframe src=“https://www.google.com/maps/emb?pb=!1m18!1m12!1m3!1d2394.609135341207!2d-2.378435234530629!3d53.117210149550914!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487a593028e16799%3A0x55d52c2dfa1f12ac!2sHollyfields%2C+Winterley%2C+Sandbach+CW11+4PA%2C+UK!5e0!3m2!1sen!2sus!4v1484263876464” width=“570” height=“450” frameborder=“0” style=“border:0” allowfullscreen="">


#2

There is a thread in the old forum. Maybe this helps:
http://support.blocsapp.com/forums/topic/new-creativity-template/

Go to Scott in pollock’s answer.


#3

Bootsie, I’m fairly new to Blocs, would you mind explaining to me how Scott went about editing the style.css file with regards to his blosc project?


#4

Ian, what did you end up doing to resolve the zoom scrolling issue?


#5

Very simple. I took a screenshot of the map and used it as a link to the Google one!

Hope that helps.


#6

Sorry Bertus but I have no idea.


#7

Sometimes that’s the easiest solution is a screenshot with a link.

Casey