CODEWITHSUNDEEP
jqueryiphoneipadscrollinfinite
Nikola
Nikola

Reputation: 339

iPhone and iPad end of scrolling

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.

Upvotes: 5

Views: 2715

Answers (2)

Marco Ramires
Marco Ramires

Reputation: 1116

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

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

            //Your AJAX CALL HERE
        }
    });

Upvotes: 3

Dan Jenns
Dan Jenns

Reputation: 51

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

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

Upvotes: 5

Related Questions