Infinite Scroll on Mobile browsers

Question

I am trying to implement infinite scroll on my website and it works well on browsers on any computer, but it has issues on mobile browsers. So far, on chrome, if I don't zoom in or out it works ok but once I zoom either way it stops working. On safari it doesn't work at all. This is the code that I am using:

$(window).on('scroll', function (e) {
    console.log(" window.scrollTop = " + $(window).scrollTop() + " document.height=" + $(document).height() + " window.height =" + $(window).height());
    if ($(window).scrollTop() == $(document).height() - $(window).height()) {
        load();
    }
});

If anyone has any suggestions please let me know.

Will touchmove work on laptop browsers as well? How would I keep the functionality the same on normal browsers and make it work on mobile browsers as well? — GBreen12, Dec 16 '13 at 19:59

score 1 · Answer 1 · answered May 31 '16 at 16:07

1

Instead of using

$(window).height()

try using

window.innerHeight

answered May 31 '16 at 16:07

Emanuel Pacheco Pontes

11
3

Infinite Scroll on Mobile browsers

1 Answers1

Linked