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 скорее всего не помогут ну или дадут представление того что я описал выше

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


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

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

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

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

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

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

Войти

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

Войти сейчас

  • Спрашивают сейчас

  • Пишут сейчас

    • Есть несколько вариантов которые позволяют развиваться профессионально: Ask friend for help. Опросить друзей знакомых на предмет предлагаемых услуг, заявить о себе. Выполнить несколько простых проектов для опыта/портфолио. Тем самым продвигать себя в качестве специалиста (сарафанное радио) Freelance. Вход сложный. Зато на мелочах можно поднять опыт за символическую стоимость. Потом развивать свой аккаунт, "обрастать" клиентами и поднимать уровень квалификации. Важно: почитайте пару гайдов как получить заказ новичку, как оформить профиль и прочие рекомендации. Сайты по теме: https://freelansim.ru https://www.fl.ru https://www.upwork.com — я бы выбрал этот Remote. Full-time. Ещё один хороший вариант найти работу — утроится в компанию работать удалённо. Без территориально ограничения. Компания может быть из СНГ, с юр. лицом. Заключаете договор и сотрудничаете на ставку. Part-time. Тоже самое что и предыдущий пункт но формат сотрудничества на правах почасовой работы. Office. Работа в офисе на позции Junior с перспективой роста. Хорошо подойдут галеры по типу ЕПАМ, Ciklum, LuxSoft, и тд. Денег мало (в начале), но компенсируется опытом. За 9-12 месяцев можете вырасти в Middle. Дальше плыть будет легче. Для поиска работы для Remote и Office вариантов можно использовать стандартные инструменты, на пример: djinni.co или linkedin.com. Рекомендации к заполнению профилю/CV Опишите всё что можете предложить заказчику. Расскажите о своих скилах, что непосредственно Вы делали выполняя работу над тем или иным проектом. Расскажите о своём опыте, даже если он не значительный. Если опыта совсем мало, инвестируйте месяц-два и выполните несколько простых задач, которые Вы сможете показать заказчику. И профиль и CV должно быть на английском языке, в первую очередь, и лишь копия русскоязычная (у меня такой нет, так как рынок предполагает знание английского языка с уровня pre-intermediate)
    • Сидеть дома и развиваться до уровня Senior годами без реальной работы?! 
    • Факт есть факт — специалистов как было мало так и осталось. Можно выбирать любую интересующую себя нишу и развиваться в ней до уровня Senior и иметь на себя спрос в последствии.
  • Лучшие авторы

  • Текущие цели пожертвований