В контакте есть такая фича: прокручиваешь новости до конца страницы, после этого автоматически подгружаются другие новости. Это весьма удобно, не нужно организовывать сложную систему пагинации. Просто крутишь страницу. Сделать такое на 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++));
	}
});

а вот и демонстрация работы:

В челябинске упал астероид

Невероятно но факт в челябинске упал астероид

Лада выпустила электрокар

Невероятно но факт Лада выпустила электрокар

Харламов встречается с Асмус

Невероятно но факт Харламов встречается с Асмус

Зеленое ведро зеленее черного ведра

Невероятно но факт в Зеленое ведро зеленее черного ведра

Эффект плацебо победил рак

Невероятно но факт Эффект плацебо победил рак. С животным все в порядке.

Рассказать друзьям
author.jpg

Платная консультация по вопросам 1500 руб/час

Прочитали статью и остались вопросы? Меня зовут Валерий и я её автор. С радостью объясню Вам в скайпе все затруднительные моменты, которые остались за рамками статьи!

Подробнее ...

Добавить комментарий