Автоматическая загрузка при прокрутке. Можно ли такое сделать? Если да то как?

Question

[Anton-Pluton]

Хотел сделать на сайте автоматическую прогрузку блоков при скролинге для удобства пользования . Не могли бы вы помочь мне с этим ?

Answer 1

[Леонид Князев]

Автоматическая загрузка при прокрутке. Можно ли такое сделать?

Да, можно.

Если да то как?

Вешаете обработчик события на прокрутку страницы и проверяете, докрутили ли до нужной вам точки или нет. Если докрутили, то отправляете ajax-запрос на сервер, что бы получить новую партию данных и после получения вставляете эти данные на страницу, в нужное вам место.

Comments

[Anton-Pluton]

А можно ли это сделать без запросов в базу данных ???

[Леонид Князев]

Anton-Pluton, Конечно можно. Вы можете сразу загрузить весь-весь контент на страницу и скрыть тот, который не видно. А, потом при прокрутке страницы показывать его по частям.

Но, тогда теряется главная задача механизма подгрузки контента - это снижение веса изначально загружаемой пользователем страницы.

[Anton-Pluton]

Леонид Князев, Спасибо . Можете скинуть пример этого варианта?

Answer 2

[Андрей Саныч]

Не хочу быть занудой, но в гугле по запросу "Автоматическая загрузка при прокрутке" куча ответов на ваш вопрос

Answer 3

[frees2]

Можно гораздо проще сделать. При прокручивании мышь окажется в поле и появится текст. Пример

<div  id="btn1666">коллекция каналов и роликов</div><div  class="canal"></div>

$(document).ready(function() { $('#btn1666').hover(function(){ $(this).remove();
$.getJSON('json/kolleksia.json', function(data) {for(var i=0;i<data.users.length;i++){

$('.canal').append('<br><input type=\"image\" name=\"message\" value=\"'+data.users[i].id+ '\" src=\"'+data.users[i].num+'\"> ' + data.users[i].text + ' <br><br><br>' ).hide().fadeIn(1000); 
}.......................