当滚动条距离窗口底部200px远时加载AJAX页面，窗口大小可能会有所不同

Question

I have tried this condition so far.

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

so can anybody help me to get the solutuion .???

Answer 1

$(window).on('scroll', function() {
    if (($(this).scrollTop() + $(this).height()) - $(document).outerHeight(true) > (-200)) {...}
});

FIDDLE

Answer 2

Try this:

$(function () {
    $(window).on('scroll', function () {
        if ($(window).scrollTop() + $(window).height() >= $(document).height() - 200) {
            //initate ajax here
        }
    });
});