Streaming live at 10am (PST)

Scrolling problems with embedded iframe


#1

Hello Will,

I have an I frame as my cover image, but it doesn't seem to allow users to scroll the page. Im allowed to scroll when using safari on my mac, but safari on my iPad does not allow me to scroll..

Site is: rotoimage.Webflow.com


Embed iframe webpage is not scrolling
#2

Hi @Kloees, Can you please update your post following these guidelines: http://forum.webflow.com/t/posting-guidelines-for-the-need-help-category/8094

Thanks in advance smile


#3

Sorry!

Alright, so my read-only link: https://preview.webflow.com/preview/rotoimage?preview=114fa31ba8b1349481e9075c165affc3

Browser being used to create website: Safari 7

This is the code I am using in the embed window:

So basically the problem is occurring on every device aside from my own (macbook pro with Safari 7).


#4

Code didn't copy... here it is again:


#5

Hi @Kloees, try adding

.Flexible-container {pointer-events:none;}

to your embed code and see if that helps. This should prevent any click options on the embed element allowing you to tap and scroll down your web-page.

More info here: https://css-tricks.com/almanac/properties/p/pointer-events/

I hope this helps. If not, please let me know – I'm happy to assist further! smile


#6

This definitely helps!

Although I still want click/tap to be enabled. Only scroll disabled. Is this at all possible?


#7