+ Ответить в теме
Показано с 1 по 4 из 4

Тема: Подгрузка контента при прокрутке страницы (как в соцсетях)

  1. #1
    Новичок Grasss на пути к лучшему Аватар для Grasss
    Регистрация
    03.11.2017
    Сообщений
    8
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Подгрузка контента при прокрутке страницы (как в соцсетях)

    Доброго времени суток. Имеется блог в виде длинной страницы (70 div блоков с контентом "фото+текст")
    Нужно чтобы при заходе на сайт отображались первые 3-4 поста и далее по ходу прокрутки страницы автоматически подгружались остальные. Пример можно посмотреть в соцсетях вк/ок/fb/insta. Как это реализовать? Желательно на чистом PHP и JavaScript, без использования базы данных.

  2. #2
    Местный Degradator на пути к лучшему Аватар для Degradator
    Регистрация
    02.07.2012
    Сообщений
    1,917
    Thanks
    141
    Thanked 142 Times in 142 Posts
    В общем случае это делается так:

    var page = 1;
    function loadData(page, pageSize) {
    ... тут загружаем данные с сервера, возвращаемый тип - Promise
    }

    function prepareHtml(content) {
    ... тут превращаем данные в HTML разметку, возвращаемый тип либо DOM node, либо текст
    }

    window.addEventListener('scroll', function(e){
    var target = e.target;
    if(target.scrollHeight - target.scrollTop < 200) {
    loadData(++page, 10).then(function(response){
    target.appendChild(prepareHtml(response));
    })
    }
    });

  3. #3
    Новичок Grasss на пути к лучшему Аватар для Grasss
    Регистрация
    03.11.2017
    Сообщений
    8
    Thanks
    1
    Thanked 0 Times in 0 Posts
    А может есть готовый пример?

  4. #4
    Местный Degradator на пути к лучшему Аватар для Degradator
    Регистрация
    02.07.2012
    Сообщений
    1,917
    Thanks
    141
    Thanked 142 Times in 142 Posts
    Бро, если ты не можешь сделать сам, то наверно тебе надо заплатить кому-то денег

    Это ведь ты задавал вопросы -
    https://ru.stackoverflow.com/questio...оцсетях
    https://javascript.ru/forum/misc/740...ocsetyakh.html

+ Ответить в теме

Похожие темы

  1. Подгрузка контента по кнопке
    от Litty в разделе HTML
    Ответов: 2
    Последнее сообщение: 13.01.2017, 12:15
  2. Ответов: 1
    Последнее сообщение: 05.08.2012, 13:13
  3. Подгрузка контента. Что не так?
    от NezzarD в разделе JavaScript
    Ответов: 1
    Последнее сообщение: 28.07.2012, 15:29
  4. Ответов: 16
    Последнее сообщение: 03.06.2012, 18:04
  5. Ответов: 10
    Последнее сообщение: 05.04.2012, 23:43

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения