jQuery Scroll В начало страницы

Question

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

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

Answer 1

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

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

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

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

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

---

Для перехода к конкретному ID, используйте его .scrollTop(), как это:

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

Answer 2

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

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

Answer 3

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

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

Answer 4

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

Простой, как этот, высота 9999 страниц ... большой диапазон, поэтому он может достигать донизу.

Answer 5

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

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

этого свитков в ид 'particularDivision'

Answer 6

JS

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

Answer 7

сценарии, упомянутые в предыдущих ответах, например:

$("body, html").animate({ 
    scrollTop: $(document).height() 
}, 400) 

не будет работать в Chrome и будет нервными в Safariв случаеhtml тег в CSS имеет overflow: auto; набор свойств. Мне потребовалось почти час, чтобы разобраться.

Answer 8

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

Это решение сработало для меня. Он работает на странице Scroll Down быстро.

Answer 9

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

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