Окончание строллинга
Добрый день.
У меня есть небольшой редактор текста. В нем есть возможность вставки изображений. Когда делаешь выбор картинки загружается через ajax превьюшки картинок. Выбираешь какую хочешь и готово. Но на одном сайте загрузили уже 700 картинок и как то оно не очень правильно я считаю. Хотелось бы загружать например первые 50 штук, а далее если пользователь делает скроллинг (а он есть так как превьюшки по 2 в ряд) и достигает "низа" - то срабатывало бы событие и догружаешь еще 50 и так далее как в Гулг-картинки. Итого - как определить что достигли конца div или картинок. Спасибо за ваши советы. Сорри в заголовке темы описался, исправить не могу. |
<div style="border: 1px solid #000; height: 300px"></div>
<script>
window.onscroll = function() {
if (document.body.scrollHeight - window.innerHeight <= document.body.scrollTop) {
var el = document.createElement('div');
el.style.cssText = "border: 1px solid #000; height: 300px";
el.style.backgroundColor = ["red","green","blue"][Math.floor( Math.random() * 3 )];
document.body.appendChild( el );
}
}
</script>
|
Ага, Спасибо!!!
|
Друзья, кому нужно вот рабочий вариант для дива.
//endless scroll
$('#imgcontainer').scroll(function() {
if($(this).height() + $(this).scrollTop() >= $(this).get(0).scrollHeight){
...
}
});
Работает очень хорошо. |
| Часовой пояс GMT +3, время: 17:57. |