| |
|
|
| | Здравствуйте.
Подскажите, пожалуйста, сейчас на многих сайтах делается так, что сначала на странице показывается не весь контент, а когда вертикальную полосу прокрутки опускаем вниз, то идёт "дозагрузка" страницы. И чем ниже, тем дальше.. Как это делается? Используется библиотека jqwery? Есть какой-то простенький пример? Интересует даже больше не сам аякс, а как отследить, что пользователь опустил прокрутку до низа (когда надо подгружать новый контент)? Это же делается с целью уменьшения нагрузок насколько я понимаю?
С уважением. | |
| |
|
|
| |
|
|
| |
для: Jaroslav
(04.03.2012 в 05:58)
| | | У тела документа <BODY> есть, кроме многих прочих, два свойства:
1) scrollHeight - максимально возможное положение движка вертикального скроллбара внизу (высота контента страницы)
2) scrollTop - текущее положение движка вертикального скроллбара
По событию onscroll тега <BODY> можно сравнивать одно с другим. И в нужный вам момент (когда, например, страница прокручена до самого низа) можно посредством AJAX подгружать дополнительное содержание и "приживлять" его в конец страницы.
Понятное дело, что изначально необходимо, чтобы высота контента была больше высоты окна, чтобы вертикальный скроллбар был доступен клиенту.
Не забудьте прописать правила стиля:
html, body {height: 100%}
body {overflow-y: scroll}
|
PS. Говорить о каком-то "уменьшении нагрузки" при использовании этой технологии как бы не очень корректно.
Просто на страницу изначально грузится мало содержимого и потому она отображается БЫСТРО.
Добавление небольших порций содержимого тоже происходит БЫСТРО.
Вот и все преимущества.
Однако, есть возможность, что неопытный клиент просто не обратит внимания на "скачок" высоты страницы при прокрутке вниз (и при добавлении контента) и уйдёт со страницы, так и не увидев чего-то интересного. | |
| |
|
|
