Я реализовал бесконечную прокрутку вот так:
new_page_value = 1;
$(window).scroll(function() {
if($(window).scrollTop() >= $(document).height() - $(window).height() - 200) {
new_page_value = parseInt(new_page_value) + 1;
get_page(new_page_value);
}
});
Когда пользователь почти достигает нижней части страница (200px слева )вызывается функция get_page()
. Он содержит вызов ajax, который получает все содержимое новой страницы и добавляет его к <body>
документа.
Теперь я только что понял, что если мой сайт станет большим и вместо 10 маленьких страниц у меня будет миллион гигантских страниц, тогда браузер пользователя может рухнуть, если он достаточно настойчив, чтобы поддерживать бесконечную прокрутку в течение длительного времени.
Будет ли это возможным решением этой проблемы?:
Я буду добавлять новые страницы к документу <body>
до 10-й страницы, после чего я буду полностью заменять содержимое <body>
вместо добавления. Поэтому используйте html()
, а не append()
.
Я просто не знаю, действительно ли это поможет предотвратить сбои. Очистит ли .html()
«память» предыдущего HTML-кода, полученного через ajax?