Динамическая подгруздка контента при прокрутке страницы.


Все больше и больше сайтов стали использовать динамическую подгруздку контента при скроллинге страницы.

Это полезно когда много контента а выводить все сразу на страницу много и долго или плодить много страниц нет необходимости.

Реализация очень простая и состоит главным образом в том, что бы обработать событие скроллинга страницы . И когда пользователь например прокрутил страницу до конца то подгрузить ему еще информации.

window.onscroll = function () 
  {
  var clientHeight = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight;
  var documentHeight = document.documentElement.scrollHeight ? document.documentElement.scrollHeight : document.body.scrollHeight;
  var scrollTop = window.pageYOffset ? window.pageYOffset : (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);

 if((documentHeight - clientHeight) <= scrollTop + 200 )
  {
  	alert('почти конец страницы');
    //сюда вставим вызов ajax для подгрузки контнта
  
  }
  }
#js

Copyright © 2013-2017