HTMLについての質問です。

現在ブログのヘッダー部分に表を設置しており、その中にJavaScript生成した情報を表示しています。
その際、情報量が多い場合には
 
(略)
<td>
<div style="font-size:○○px;height:○○○px;overflow:auto;">
(略)
 
として、縦方向のスクロールバーを表示しています。(横方向のスクロールバーは出ないように、表示する情報を編集しています。)
 
これを表示する際、スクロールの位置を予め指定することはできるのでしょうか?
より具体的には、ページを開いた時点で2行目から表示されるようにスクロール位置を指定することは可能でしょうか?

回答の条件
  • 1人3回まで
  • 登録:2009/10/23 14:46:37
  • 終了:2009/10/26 11:26:41

回答(2件)

id:kn1967 No.1

kn1967回答回数2915ベストアンサー獲得回数3012009/10/23 16:17:13

ポイント50pt

適当なライブラリを回答して「これ使えば?」ってのも良いかと思ったのですが、

中身を知っておいたほうが良いかな?っと思ったのでサンプルを作ってみました。

<html>
<head>
    <style type="text/css">
        div { height:100px; width:300px; overflow:auto; }
        table { border:1px solid #000000; }
        tr { font-size:20px; height:40px; }
        td { border:1px solid #000000; }
    </style>
</head>
<body onLoad="document.getElementById('div1').scrollTop = 90;">
    <div id="div1">
        <table>
            <tr><td>あいう</td></tr>
            <tr><td>かきく</td></tr>
            <tr><td>さしす</td></tr>
            <tr><td>たちつ</td></tr>
            <tr><td>なにぬ</td></tr>
        </table>
    </div>
</body>
</html>

説明は不要かとも思いますが・・・、実際に必要なのは

document.getElementById('div1').scrollTop = 90;

の部分の数値調整だけです。

id:antipattern

ありがとうございます。

全部読み込んでから動かす感じですね。

試してみたら出来ました。

2009/10/26 11:25:52
id:Cherenkov No.2

Cherenkov回答回数1503ベストアンサー獲得回数4932009/10/23 16:18:00

ポイント40pt

overflow:autoしているdivにidを付けてjavascriptでスクロールする。

scrollTopに数値を代入するとピクセル分上下にスクロールします。

var h = document.getElementById('hoge');
h.scrollTop = 20

関連

id:antipattern

ありがとうございます。

基本的には上の方と同じやり方ですね。

2009/10/26 11:26:13

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません