Прокрутка jQuery до нижней части страницы

После того, как моя страница загрузится. Я хочу, чтобы jQUery красиво прокручивался до конца страницы, быстро анимировался, а не щелкал мышью.

Нужен ли мне ScrollToдля этого такой плагин ? или это каким-то образом встроено в jQuery?

Вы можете просто анимировать прокрутку страницы вниз, анимируя scrollTopсвойство, плагин не требуется, например:

$(window).load(function() {
  $("html, body").animate({ scrollTop: $(document).height() }, 1000);
});

Обратите внимание на использование window.onload(когда изображения загружены ... занимают высоту), а неdocument.ready .

Чтобы быть технически правильным, вам нужно вычесть высоту окна, но приведенное выше работает:

$("html, body").animate({ scrollTop: $(document).height()-$(window).height() });

Чтобы перейти к определенному идентификатору, используйте его .scrollTop(), например:

$("html, body").animate({ scrollTop: $("#myID").scrollTop() }, 1000);

что-то вроде этого:

var $target = $('html,body'); 
$target.animate({scrollTop: $target.height()}, 1000);

$('html,body').animate({ scrollTop: 9999 }, 'slow');

Все очень просто, высота страницы 9999 ... большой диапазон, чтобы он мог доходить до самого низа.

Вы можете попробовать это

var scroll=$('#scroll');
scroll.animate({scrollTop: scroll.prop("scrollHeight")});

$("div").scrollTop(1000);

Работает для меня. Прокрутка вниз.

Используя 'document.body.clientHeight', вы можете получить видимую высоту элементов тела

$('html, body').animate({
    scrollTop: $("#particularDivision").offset().top - document.body.clientHeight + $("#particularDivision").height()
}, 1000);

это прокручивается по идентификатору 'specificDivision'

$('#pagedwn').bind("click", function () {
        $('html, body').animate({ scrollTop:3031 },"fast");
        return false;
});

Это решение сработало для меня. Быстро работает в Page Scroll Down.

function scrollToBottom() {
     $("#mContainer").animate({ scrollTop: $("#mContainer")[0].scrollHeight }, 1000);
}

Это решение работает от меня, и вы найдете, я уверен

Для jQuery 3 измените

$ (window) .load (function () {$ ("html, body"). animate ({scrollTop: $ (document) .height ()}, 1000);})

кому:

$ (window) .on ("load", function (e) {$ ("html, body"). animate ({scrollTop: $ (document) .height ()}, 1000);})

js

var el = document.getElementById("el");
el.scrollTop = el.scrollHeight - el.scrollTop;

var pixelFromTop = 500;     
$('html, body').animate({ scrollTop: pixelFromTop  }, 1);

Итак, когда страница открыта, она автоматически прокручивается вниз через 1 миллисекунду.