Полоса прокрутки
Ну и последняя пара методов о которых я бы хотел рассказать:
scrollLeft()
– возвращает значение «проскролленности» по горизонтали для первого элемента из выборки
scrollLeft(value)
– устанавливает значение горизонтального скролла для каждого элемента из выборки
scrollTop()
– возвращает значение «проскролленности» по вертикали для первого элемента из выборки
scrollTop(value)
– устанавливает значение вертикального скролла для каждого элемента из выборки
Вот таким образом мы можем узнать «расстояние» пройденное от начала страницы (в качестве подопытного у нас выступает панель с содержанием книги):
alert($('.book-summary').scrollTop());
Или можем «прыгнуть» в самое начало страницы:
$('.book-summary').scrollTop(0);
Значения «scrollTop» и «scrollLeft» поддаются анимации и не работают для спрятанных элементов DOM:
$('.book-summary').animate({ scrollTop: '+=200px' });
Методов реально много, я и сам не всегда помню что и для чего (особенно это касается wrap-семейства), так что не утруждайте себя запоминанием всего перечисленного, главное помнить, что таковые имеются, и держать под рукой документацию.