В контакте есть такая фича: прокручиваешь новости до конца страницы, после этого автоматически подгружаются другие новости. Это весьма удобно, не нужно организовывать сложную систему пагинации. Просто крутишь страницу. Сделать такое на jquery не составит труда. Для этого используем событие scroll. Создадим элемент.
<div id="mynews" style="height:100px;overflow-y:scroll;"></div>
к нему прицепляем обработчик события
var page = 1;
$('#mynews').scroll(function() {
if( $(this).height() + $(this).scrollTop() >= this.scrollHeight ) {
$('#mynews').append($.get('news.php?page='+page++));
}
});
а вот и демонстрация работы:
В челябинске упал астероид
Невероятно но факт в челябинске упал астероид
Лада выпустила электрокар
Невероятно но факт Лада выпустила электрокар
Харламов встречается с Асмус
Невероятно но факт Харламов встречается с Асмус
Зеленое ведро зеленее черного ведра
Невероятно но факт в Зеленое ведро зеленее черного ведра
Эффект плацебо победил рак
Невероятно но факт Эффект плацебо победил рак. С животным все в порядке.
Комментарии