javascript - 横方向にはみ出すページを右にスクロールするにはどうすればよいですか?

Question

ユーザーがモーダル (具体的には、Foundation 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

わかりましたので、ここに実際の例を示します: http://jsfiddle.net/B2aQF/1/

scrollLeft基本的に、jQuery の関数を使用して本文の左スクロール位置を設定できます。

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

オーバースクロールしないため、scrollLeft を必要以上に大きな数値に設定することもできます。