iPhone and iPad end of scrolling

Question

I'm making some jQuery cross-browser gallery with infinite scroll i works great but on iPhone (i suppose also on iPad) instead equal values i have some disproportion values don't match

($(window).scrollTop() == ($(document).height() - $(window).height())

i just want to reach the end of scrolling on that , after that i could invoke AJAX script, also have to keep in mind that values changing after two fingers wipe zoom.

This should probably be `>=` instead of `==` to catch UIs that push past and bounce back... like the iPhone? — mVChr, Jan 22 '11 at 18:02

score 5 · Answer 1 · edited Jul 21 '11 at 20:18

5

You need to account for the 60px URL text field on iPhone. Try this:

($(window).scrollTop() + 60 == ($(document).height() - $(window).height())

edited Jul 21 '11 at 20:18

eykanal

26,437
19
82
113

answered Jul 21 '11 at 20:12

Dan Jenns

51
1
2

score 3 · Answer 2 · edited Dec 05 '12 at 01:49

3

var wintop = $(window).scrollTop(), docheight = $(document).height(), winheight = $(window).height();
        var  scrolltrigger = 0.90;

        if  ((wintop/(docheight-winheight)) > scrolltrigger) {

            //Your AJAX CALL HERE
        }
    });

edited Dec 05 '12 at 01:49

Andro Selva

53,910
52
193
240

answered Dec 05 '12 at 01:32

Marco Ramires

1,116
1
10
19

iPhone and iPad end of scrolling

2 Answers2

Linked