有沒有辦法，從底部滾動類似於scrollTop？

Question

我們都知道的解決方案，從視口頂部滾動到一個位置：

$("html, body").animate({scrollTop:240}, 'fast'); 

有沒有辦法來滾動類似scrollTop的，剛剛從視口的底部？

我想要做的事情：在點擊事件時，頁面應該滾動到正文中任何位置的div，當div到達視口底部時，應該停止滾動，完全可見。那可能嗎？

Answer 1

您需要使用的.offset().top組合，這是從頂部位置的元素的該文檔，$(window).height()，這是視口的高度：

var b = $('myEle'); 
$('html').animate({scrollTop: b.offset().top - $(window).height() + b.outerHeight()}); 

滾動到經常使用.offset().top位置將獲得移動到屏幕的頂部塊，所以我們只需減去視口的高度並添加對象的高度以使其移動到用戶視口底部的位置。

看到一個簡單的演示在這裏：http://www.jsfiddle.net/yijiang/Xkj9s/

Answer 2

看一看這太問題：

• Does jQuery have any functions to scroll the client to the bottom of the view port?

Answer 3

有一個scrollHeight屬性，告訴你，你可以滾動的數量。所以，如果你想從底部盤240像素，使用scrollHeight - 240，例如：

var elem = $('html'); 
elem.animate({ scrollTop: elem[0].scrollHeight - 240 }, 'fast'); 

Example on JSBin