Touch Scrolling for LP Template with Iframe

Erin_Van_Leer
Level 1

Touch Scrolling for LP Template with Iframe

We're looking to get more control of the content gate, view tracking, and automation triggers for our PDFs and are looking to show them on Marketo landing pages through a full-page iframe. I'm not a developer and am having a hard time getting scrolling for the mobile version of the iframe to work (specifically on iPhone/Safari). I've tried every which way to enable -webkit-overflow-scrolling:touch, but can't get it to work. Has anyone had success implementing something like this?

This is my test landing page right now: https://www2.centercode.com/PDF-Test.html

2 REPLIES 2
公一_谷風
Level 6 - Japan Marketo Champion

Re: Touch Scrolling for LP Template with Iframe

Can anyone answer this probrem?

I also have the same trouble that CSS and HTML tug doesn't work at safari and Chrome on iphone.

I tried .iframe-wrap, ifrm-container (CSS property) , but failed.

The Width of PDF contents  doesn't fit in the inlline frame, maybe the width seems original scale.

Slide bar of the inline iframe doesn't work.

see below, "Who is Cambri" Part :

pastedImage_1.jpg

Help me please!

Regards, Koichi

公一_谷風
Level 6 - Japan Marketo Champion

Re: Touch Scrolling for LP Template with Iframe

Hi, All

I’ve got a simple solution.

Upload the PDF to  SlideShare and get the iframe-tug from "Share"Button.

pastedImage_2.png

pastedImage_3.png

for your reference, Koichi