Grasss

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

Рекомендованные сообщения

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

var page = 0;
$(document).on('scroll', function()
{
//проверяем сколько px до конца страницы осталось https://learn.javascript.ru/metrics-window
//если осталось меньше какого-то конкретного числа, которое вам больше подходит делаем ajax запрос на скрипт который подгрузит вам нужную часть, увеличив ее индекс page+1, и вставить в какой-нибудь элемент content. Что-нибудь вроде:
  $.post('/content.php',{'page':page},function(data)
  {
    $(content).append(data);
  });
});
В '/content.php' что-нибудь вроде:
<?PHP
switch ($_POST['page']) {
    case 0:
        echo "<div>div1</div>";
        break;
    case 1:
        echo "<div>div2</div>";
        break;
    case 2:
        echo "<div>div3</div>";
        break;
}
?>

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

Карта разработчиков

Карта участников

Отметь себя на карте для поиска или предложения работы