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;
}
?>

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


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

vk.com например
для готового примера нужен сайт с несколькими страничками
аналоги jsfidle скорее всего не помогут ну или дадут представление того что я описал выше

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


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

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

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

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

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

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

Войти

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

Войти сейчас