狙った位置にスクロール位置を合わせる

質問

JavaScriptでHTMLの＜A href="#foo"＞のようなドキュメント内ジャンプを実現させたいと思っていますが、具体的な方法がわかりません。
Aタグとの違いは、Aタグだけですと縦(Y)の移動しかできないところを、横(X)の位置も指定したいと思っています。

具体的な使用例を出します。
縦・横に広いWEBサイトが存在していたとします。ブラウザを開いた時点では、サイト上の右側に位置する情報、下側に位置する情報はみることができません。
右側には複数の情報が存在していて、各情報がページの中央に持ってこれるような、スクロールをフォーカスさせるリンクです。

いくつかのキーワードで検索してみたのですが、中々それらしい情報が見つかりませんでした。
もし参考になりそうなサイトなどがございましたら、あわせてご教授頂ければ幸いです。
よろしくお願い致します。

回答No.2

taseki · ベストアンサー

scrollIntoView が使えます。

<a href="#" onclick="FindMe.scrollIntoView();return false;">Find</a>

<table border="1">
<tr>
<td><img src="xxx" width="2000" height="2000"></td>
<td>&nbsp;</td>
<td><img src="xxx" width="2000" height="2000"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td nowrap><div id="FindMe">ココ</div></td>
<td>&nbsp;</td>
</tr>
<tr>
<td><img src="xxx" width="2000" height="2000"></td>
<td>&nbsp;</td>
<td><img src="xxx" width="2000" height="2000"></td>
</tr>
</table>

ちなみに、 scrollIntoView(false) とするとウィンドウ下端になります。

お礼

ご回答有難うございます。
上記の”scrollIntoView”で、まさしく私のやりたい事ができました。
有難うございます。お世話になりました。

回答No.1

syuan

http://iis.to/pit/t.htm
このサイトのような感じでしょうか？
私もあまり詳しくはありませんが、
ソースを見て参考になさってみて下さい。

お礼

ご回答有難うございました。
ご紹介頂いたサイトの方、私がやりたいのとは若干異なりますが、ちょっとカッコイイページですね(笑
デザインの分野で参考にさせていただきたいと思います。
有難うございました。