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

Question

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

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

Answer 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 - ваша позиция для прокрутки в пикселях. Обратите внимание, что это также работает с scrollLeft, но не с scrollRight или scrollBottom (не ограничение jQuery, а JavaScript).

Answer 2

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

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

Answer 3

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

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

Answer 4

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

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