# \[Pro\] Mobile Safari scrolling like pulling teeth.

**URL:** <https://discourse.softpress.com/t/pro-mobile-safari-scrolling-like-pulling-teeth/16154>\
**Category:** Freeway\
**Created:** [January 23, 2013, 9:50pm UTC](https://discourse.softpress.com/t/pro-mobile-safari-scrolling-like-pulling-teeth/16154 "2013-01-23T21:50:45Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Pat\_Ward](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/p/ac8455/32.png) [@Pat\_Ward](https://discourse.softpress.com/u/Pat_Ward)\
**Post date:** [January 23, 2013, 9:50pm UTC](https://discourse.softpress.com/t/pro-mobile-safari-scrolling-like-pulling-teeth/16154/1 "2013-01-23T21:50:45Z")

</div>

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](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](http://www.shenandoah-studio.com/pat/scrolling/test.html)

* * *

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

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [January 24, 2013, 12:30am UTC](https://discourse.softpress.com/t/pro-mobile-safari-scrolling-like-pulling-teeth/16154/2 "2013-01-24T00:30:47Z")

</div>

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

Example [http://www.deltadesign.co/shenan/2/](http://www.deltadesign.co/shenan/2/)

```auto
-webkit-overflow-scrolling: touch;

```

David

* * *

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

---

<div class="post-metadata">

**Author:** ![Pat\_Ward](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/p/ac8455/32.png) [@Pat\_Ward](https://discourse.softpress.com/u/Pat_Ward)\
**Post date:** [January 24, 2013, 2:44am UTC](https://discourse.softpress.com/t/pro-mobile-safari-scrolling-like-pulling-teeth/16154/3 "2013-01-24T02:44:57Z")

</div>

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](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![John\_Williams](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/j/d07c76/32.png) [@John\_Williams](https://discourse.softpress.com/u/John_Williams)\
**Post date:** [January 24, 2013, 7:27am UTC](https://discourse.softpress.com/t/pro-mobile-safari-scrolling-like-pulling-teeth/16154/4 "2013-01-24T07:27:00Z")

</div>

David,

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

> **[Glandore Harbour Yacht Club](https://glandoreyc.com/)**

Thank You

John

* * *

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

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [January 24, 2013, 8:22am UTC](https://discourse.softpress.com/t/pro-mobile-safari-scrolling-like-pulling-teeth/16154/5 "2013-01-24T08:22:56Z")

</div>

> 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](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![John\_Williams](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/j/d07c76/32.png) [@John\_Williams](https://discourse.softpress.com/u/John_Williams)\
**Post date:** [January 24, 2013, 9:35am UTC](https://discourse.softpress.com/t/pro-mobile-safari-scrolling-like-pulling-teeth/16154/6 "2013-01-24T09:35:36Z")

</div>

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](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [January 24, 2013, 7:24pm UTC](https://discourse.softpress.com/t/pro-mobile-safari-scrolling-like-pulling-teeth/16154/7 "2013-01-24T19:24:48Z")

</div>

> 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](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![waltd](https://discourse.softpress.com/user_avatar/discourse.softpress.com/waltd/32/2720_2.png) [@waltd](https://discourse.softpress.com/u/waltd)\
**Post date:** [January 24, 2013, 7:45pm UTC](https://discourse.softpress.com/t/pro-mobile-safari-scrolling-like-pulling-teeth/16154/8 "2013-01-24T19:45:38Z")

</div>

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](http://freewaytalk.net/person/options)

* * *

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

---

<div class="post-metadata">

**Author:** ![John\_Williams](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/j/d07c76/32.png) [@John\_Williams](https://discourse.softpress.com/u/John_Williams)\
**Post date:** [January 24, 2013, 11:02pm UTC](https://discourse.softpress.com/t/pro-mobile-safari-scrolling-like-pulling-teeth/16154/9 "2013-01-24T23:02:39Z")

</div>

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](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![John\_Williams](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/j/d07c76/32.png) [@John\_Williams](https://discourse.softpress.com/u/John_Williams)\
**Post date:** [January 24, 2013, 11:04pm UTC](https://discourse.softpress.com/t/pro-mobile-safari-scrolling-like-pulling-teeth/16154/10 "2013-01-24T23:04:59Z")

</div>

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](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![waltd](https://discourse.softpress.com/user_avatar/discourse.softpress.com/waltd/32/2720_2.png) [@waltd](https://discourse.softpress.com/u/waltd)\
**Post date:** [January 25, 2013, 3:02am UTC](https://discourse.softpress.com/t/pro-mobile-safari-scrolling-like-pulling-teeth/16154/11 "2013-01-25T03:02:37Z")

</div>

Well, now that I know it’s _my_ Action that’s to blame, I guess I should fix it. 🕶

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](http://freewaytalk.net/person/options)

* * *

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