[Pro] Mobile Safari scrolling like pulling teeth.

Hi guys.

Wondering if you can help me with a small problem.

We’ve got a wargame available on iPad and we laid out the rules in Freeway.

The example link above is a cut down example and needs to be viewed on an iPad to understand the issue.
Mobile Safari uses some kind of momentum and acceleration/deceleration when scrolling up and down web pages. But if you try scrolling the main content section its lacking all the Mobile Safari niceties and is really unpleasant to use. We’ve had a lot of complaints about it but can’t figure out what we’ve done wrong.

I don’t know if it will help but the Freeway file is here …
http://www.shenandoah-studio.com/pat/scrolling/bad_scrolling.freeway

If you can’t see it the item that contains the images is set as a layer, fixed in Window and content overflow set to scroll.

Thanks.

Pat Ward

http://www.shenandoah-studio.com/pat/scrolling/test.html


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

Try adding the following CSS to the Div that contains the scrolling content

Example http://www.deltadesign.co/shenan/2/

-webkit-overflow-scrolling: touch;

David


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

David thats fantastic.

Took me a few attempts to get extended to work but its now scrolling like a charm.

Thank you.

Pat


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

David,

Would your fix here help in the scrolling issue i have on the iPad for the following

Thank You

John


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

Would your fix here help in the scrolling issue i have on the iPad for the following

What specific problem are you having here?

D


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

David,

When i scroll the page(s) up they tend to “Jump” this only happens on the iPad

John


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

When i scroll the page(s) up they tend to “Jump” this only happens on the iPad

What I see is the Fixed header jumping - how did you implement this? There may be a better/smoother way.

As to the Home page - my criticism here would be that there is too much going on/too many scripts. Webticker, Carousel and a Fading Slideshow…

D


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

MobileSafari 5.1 and better have implemented position:fixed. Any sticky-element implementation that uses JavaScript to make up for a lack of position:fixed would need to be tuned up to recognize the newer browsers, or would need to have its test rewritten to actually test for the ability to position something fixed, rather than blindly sniffing the browser’s “navigator” string. Native position:fixed scrolls like glass. The onscroll() event only fires intermittently by comparison, causing the jumpiness you have seen.

Walter

On Jan 24, 2013, at 2:24 PM, DeltaDave wrote:

When i scroll the page(s) up they tend to “Jump” this only happens on the iPad

What I see is the Fixed header jumping - how did you implement this? There may be a better/smoother way.

As to the Home page - my criticism here would be that there is too much going on/too many scripts. Webticker, Carousel and a Fading Slideshow…

D


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

David,

The “fixed” header is implemented by the Sticker Action with Support for Mobile Safari selected.

Yes you are correct there is a lot going on i wanted to “grab” the visitors attention. Is this wrong?

John


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

Walter,

To be honest i am not sure i fully understand what you are advising… should i be doing something different.

John


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

Well, now that I know it’s my Action that’s to blame, I guess I should fix it. :sunglasses:

Walter

On Jan 24, 2013, at 6:04 PM, ejw wrote:

Walter,

To be honest i am not sure i fully understand what you are advising… should i be doing something different.

John


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