Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.02.2019, 09:52
Профессор
Отправить личное сообщение для porezon Посмотреть профиль Найти все сообщения от porezon
 
Регистрация: 09.01.2013
Сообщений: 167

Подгрузка контента при скроллинге вниз
Использую такой код для подгрузки контента при скроллинге вниз, на телефоном браузере почему-то иногда не подгружается контент, думаю это из-за этого что не может точно определить прилегает ли скрол к самому низу, может кто подсказать как сделать чтоб 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>
Ответить с цитированием
  #2 (permalink)  
Старый 19.02.2019, 10:53
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,706

Вроде так:
$(window).scrollTop() == $(document).height() - $(window).height()*1.05
Ответить с цитированием
  #3 (permalink)  
Старый 19.02.2019, 11:03
Профессор
Отправить личное сообщение для porezon Посмотреть профиль Найти все сообщения от porezon
 
Регистрация: 09.01.2013
Сообщений: 167

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

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

DEMO http://demos.codexworld.com/load-dat...jax-php-mysql/
Ответить с цитированием
  #4 (permalink)  
Старый 19.02.2019, 11:22
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,706

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как реализовать перезагрузку скриптов/функций при подгрузке контента с помощью AJAX? yii2 jQuery 2 27.09.2017 19:48
при скроллинге блок исчезает avanesov89 Общие вопросы Javascript 0 19.03.2016 13:26
Помогите убрать полосу прокрутки при анимации контента Lifemaster Элементы интерфейса 6 31.07.2015 02:59
Подгрузка контента в определённый DIV при нажатии на ссылку, без перезагрузки страниц Flashton Events/DOM/Window 0 10.03.2010 19:53
Скролл окна при добавлении контента "сверху"" yaneblog Events/DOM/Window 0 22.01.2010 23:00