Имеет ли jQuery какие-либо функции для прокрутки клиента в нижней части порта представления?

Я хочу анимировать прокрутку в нижней части окна просмотра с помощью jQuery. Существует ли доступный плагин, который не является излишним (т.е. Без огромного набора функций для этой небольшой задачи);

Есть ли доступный плагин или способ сделать это изначально с помощью jQuery?

Ответы

Ответ 1

jQuery делает такие вещи настолько тривиальными, что вам просто не нужен плагин. Пример:

var x = 250; //insert your own formula to calculate where you want to scroll to in px
var t = 500; //arbitrary time in ms
$("html,body").animate({ scrollTop: x }, t);

Вместо html,body вы можете поместить любой элемент, который прокручивается, как div. t - это время в секундах, над которым будет выполняться анимация, и x - это ваша позиция для прокрутки в px. Обратите внимание, что это работает и с scrollLeft, но не scrollRight или scrollBottom (не ограничение jQuery, а JavaScript).

Ответ 2

вы всегда можете выполнить следующую строку для прокрутки элемента до нижней части

$("body").attr({ scrollTop: $("body").attr("scrollHeight") });

Ответ 3

Проверьте плагин jQuery.ScrollTo, вы можете прокручивать до определенных позиций (фиксированный или абсолютный) с использованием селекторов, элементов DOM и т.д....

Посмотрите на demos...

Ответ 4

Чтобы уточнить ответы от Darko Z и CMS, вот что я использовал для анимации прокрутки к определенному элементу:

var target = $('#elem');
$('html,body').animate({scrollTop: target.offset().top}, 500);