jQuery прокрутите страницу до конца

Question

jQuery прокрутите страницу до конца

после того, как моя страница осуществляется погрузка. Я хочу, чтобы jQUery красиво прокручивался в нижней части страницы, быстро анимируя, а не щелчок/толчок.

нужен ли мне плагин, как ScrollTo за что? или это встроено в jQuery каким-то образом?

600 10

jQuery jquery-plugins

10 ответов:

Comments

Ничего не найдено.

Nick Craver · Accepted Answer · 2012-02-13 15:47:59

вы можете просто анимировать, чтобы прокрутить страницу вниз, анимируя 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);

Josiah Ruddell · Accepted Answer · 2010-11-22 21:28:08

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

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

Alin Razvan · Accepted Answer · 2015-12-03 12:48:45

$('html,body').animate({ scrollTop: 9999 }, 'slow');
так просто, высота страницы 9999 ... большой диапазон, чтобы он мог добраться до дна .

f123 · Accepted Answer · 2015-07-10 16:35:22

$("div").scrollTop(1000);
работает для меня. Прокрутка вниз.

Sarath Ak · Accepted Answer · 2017-09-15 09:30:54

вы можете попробовать это
var scroll=$('#scroll');
scroll.animate({scrollTop: scroll.prop("scrollHeight")});

Anbu · Accepted Answer · 2015-12-23 09:46:10

С помощью документа.тело.clientHeight ' вы можете получить видимую высоту элементов тела
$('html, body').animate({
    scrollTop: $("#particularDivision").offset().top - document.body.clientHeight + $("#particularDivision").height()
}, 1000);
это прокручивается в id 'particularDivision'

Ilia Rostovtsev · Accepted Answer · 2016-10-23 14:29:08

скрипты, упомянутые в предыдущих ответах, например:
$("body, html").animate({
    scrollTop: $(document).height()
}, 400)
не работает на Chrome и будет нервничать в Safariна всякий случайhtml тег CSS и overflow: auto; набор свойств. Мне потребовался почти час, чтобы понять это.

codeskyblue · Accepted Answer · 2016-08-29 13:35:39

js

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

vikram venkatesh · Accepted Answer · 2017-07-13 15:16:34

$('#pagedwn').bind("click", function () {
        $('html, body').animate({ scrollTop:3031 },"fast");
        return false;
});
это решение работает для меня. он работает в странице прокрутки вниз быстро.

Adnan Tahir · Accepted Answer · 2018-07-12 20:53:35

для jQuery 3, пожалуйста, измените

$(окно).нагрузка(функция() { $("html, body").анимация ({ scrollTop: $(document).высота() }, 1000); })

to:

$(окно).ВКЛ ("нагрузка", функция (e) { $("html, body").анимация ({ scrollTop: $(document).высота() }, 1000); })