Spawn New Window iPad scrolling

Freeway
1

Hi
I have a Spawn New Page action set up for the Terms & Conditions page of my website. It is a long page and scrolls except on the iPad. No scroll action is available and only the first part of the page is visible. I have ticked the “iPad friendly” checkbox on the Actions palette. Does anyone know how this can be resolved?
(I have put a link to a page - the Terms and Conditions link is bottom left)
Thanks,
Adam

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

iOS doesn’t support scroll bars - you need to give it some help so that it knows it is a scrollable area.

This is where the property -webkit-overflow-scrolling comes into play.

In my example at http://www.deltadesign.co/FW6Test/snw.html

I have added the following style in Page>Html Markup in the before section where #textbox is the name of my text container on the page I want to scroll.

<style type="text/css">
#textbox {
-webkit-overflow-scrolling: touch
}
</style>

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Hi David

Thanks for your response. I have done exactly as you explained but no joy. I replaced #textbox with the word “terms” which is the name of the html item that contains the text.Any further ideas.
Thank you,

Adam

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

The Div that holds your terms is actually called TCS and you have to have the # in front so it should be

<style type="text/css">
   #TCS {
-webkit-overflow-scrolling: touch
}
</style>

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

Hi Dave

Thanks for your help. I’ve done what you’ve described and it still doesn’t scroll on my iPad. The Div is now called “terms” and I have put the following in the Markup:

#terms { -webkit-overflow-scrolling: touch }

Do you have any other ideas?

Thanks

Adam

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

You also need to change Overflow (in the Freeway Inspector) to Auto or Scroll. Just the touch bit doesn’t make that happen, it just tells MobileSafari to use hardware acceleration and to permit the touch-scroll to happen.

Walter

On Dec 10, 2013, at 11:50 AM, Adalom wrote:

Hi Dave

Thanks for your help. I’ve done what you’ve described and it still doesn’t scroll on my iPad. The Div is now called “terms” and I have put the following in the Markup:

#terms { -webkit-overflow-scrolling: touch }

Do you have any other ideas?

Thanks

Adam

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

7

Walter… Eureka!

I can’t thank you enough.

Adam

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options