2009-12-27 68 views

回答

47

這將工作中任何情況下,沒有必要把一個「荒謬」號在它:

$(document).scrollTop($(document).height()); 
+1

不錯,簡單。 – gnarf 2009-12-27 19:47:44

+2

在「每個」情況下都不起作用。我試過了,它並沒有完全滾動到底部。它是通過在最後放置一個「略微荒謬」的數字來修復的,所以 $(document).scrollTop($(document).height()+ 500); – nathanchere 2011-04-29 04:54:59

+0

這看起來似乎乍一看起來很有效,但是當元素高度達到足夠高的數字時,滾動會停止,並且不會在沒有手動干預的情況下進入底部。 Gyuri Ambrozy的解決方案在我測試的任何元素高度都不會遇到這個問題。 – 2015-01-21 01:58:05

1
function scroll(){ 
    $('html, body').animate({ 
    scrollTop: $("#footerOfPage").offset().top 
    }, 0); 
} 
14

涵蓋所有情況: 考慮滾動的溢出DIV其中HEIGH t與scrollHeight不同。在我的情況下,它

$('#myDiv').animate({ 
    scrollTop: $('#myDiv').get(0).scrollHeight 
}, 1500); 
+0

這是完美的! – fiorix 2012-06-16 17:20:13

+0

使用.scrollHeight屬性的此解決方案不會導致使用其他解決方案的.height()方法看到的「不完整」滾動。 .scrollHeight不需要添加數字。 – 2015-01-21 01:56:13

+0

$('#myDiv')。scrollTop($('#myDiv')。get(0).scrollHeight); – 2015-01-21 02:01:55

2

:用jQuery

myscroll = $('#myDiv'); 
    myscroll.scrollTop(myscroll.get(0).scrollHeight); 
0

自動滾動到頁面底部(最佳):(如果不需要刪除動畫部分)

$(function() { 
      $("html, body").animate({ 
scrollTop: $('html, body').get(0).scrollHeight}, 1000);}); 

Demo

0

很多的scrollHeight實現不適合我,offsetHeight好像去做把戲。

很確定scrollHeight試圖將它移動到靜態元素的高度的底部,而不是可滾動區域的高度。

var pane = document.getElementById('pane'); 
pane.scrollTop = pane.offsetHeight;