Manipulating the DOM during scroll on iPad

Question

I have a sticky navigation bar on my site that needs to snap back into place as the user scrolls back up. I've done this using the scroll() function.

But on the iPad, it qeues that function until the scroll has finished, causing the bar to sticky to the very to of the page for a second and then snap back into place.

Is there anything I can do about it? Is there currently anyway of making the iPad handle scroll events the same as other browsers?

score 1 · Accepted Answer · edited May 23 '17 at 12:17

1

Current versions of iOS support the position:fixed attribute in CSS. Of course, then you're leaving Android behind.

Look into using iScroll - it's designed to take the quirks of various mobile browsers into account.

edited May 23 '17 at 12:17

Community

1
1

answered May 24 '12 at 13:28

Blazemonger

90,923
26
142
180

Thanks Blazemonger, what's situation with Andriod and position:fixed? – shrewdbeans May 25 '12 at 07:47
1

From what I've read, Android 4 supports it but the more common Android 3 does not. – Blazemonger May 25 '12 at 12:14
more common Android 3 ? – Raptor Jan 12 '14 at 14:26

Manipulating the DOM during scroll on iPad

1 Answers1