Подгрузка контента при скроллинге вниз
 

Использую такой код для подгрузки контента при скроллинге вниз, на телефоном браузере почему-то иногда не подгружается контент, думаю это из-за этого что не может точно определить прилегает ли скрол к самому низу, может кто подсказать как сделать чтоб 5%(50px) до конца скрола начал подгружаться контент

<script type="text/javascript">
$(document).ready(function(){
    $(window).scroll(function(){
        var lastID = $('.load-more').attr('lastID');
        if(($(window).scrollTop() == $(document).height() - $(window).height()) && (lastID != 0)){
            $.ajax({
                type:'POST',
                url:'nlenta/load.php',
                data:'id='+lastID,
                beforeSend:function(){
                    $('.load-more').show();
                },
                success:function(html){
                    $('.load-more').remove();
                    $('#news').append(html);
                }
            });
        }
    });
});
</script>

Вроде так:

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

Столкнулся со второй проблемой, иногда данные из базы задваиваются, наверняка это при быстром скроллинге, плагин брал отсюда.
Нужно как-то выполнить функцию только 1 раз в 5 секунд например.
Кто может подсказать как сделать?

https://www.codexworld.com/load-data...jax-php-mysql/

DEMO http://demos.codexworld.com/load-dat...jax-php-mysql/

porezon, добавьте флаг, который будет отражать состояние процесса загрузки данных.