如何在水平溢出的頁面上向右滾動？

Question

當用戶關閉模式（特別是基金會4中的Reveal模式）時，我想滾動到頁面的最右邊緣，這個頁面非常寬（故意寬）。

我已經嘗試在div上對齊一直正確，但顯然不起作用的id。

Answer 1

要水平滾動，請使用scrollLeft()。

$('body, html').scrollLeft(400); 

jQuery還支持動畫scrollLeft屬性。

一路向右滾動，你得到的頁面的整個寬度，並減去窗口寬度以獲得左邊緣：

var left = $(document).outerWidth() - $(window).width(); 
$('body, html').scrollLeft(left); 

Answer 2

實際上，你可以用一個div ID做到這一點。如果你有這樣一個div：

<div id="divid" style="position: absolute; left: 9000px;">Far Right</div> 

然後，只需改變你的location.hash匹配：

location.hash = "divid"; 

瀏覽器將採取滾動你的照顧。

Answer 3

好了，所以這裏是一個工作示例：

$(document).ready(function(){ 
    $('body').scrollLeft($(document).outerWidth()); 
}); 

你甚至可以設置scrollLeft到一個更高：http://jsfiddle.net/B2aQF/1/

基本上，你可以使用jQuery的scrollLeft功能設置的身體左側滾動位置數量比你所需要的還要多，因爲它不會過度滾動。