| ポイント |
<![CDATA[
<body onLoad="scrollBy(9999,0)">
]]>
|
| 説 明 |
ページ表示後に縦書きの文章の先頭を表示させるにはbodyタグのonLoadイベントを利用してページをスクロールさせます。スクロール量はscrollBy(9999,0)のように大きい数値にしておきます。大きい数値にしてもスクロール範囲を超えないため縦書きの先頭部分がページ構築後に表示される事になります。
|
| サンプル |
<![CDATA[
<html>
<head>
<title>縦書き文章の先頭が常に表示されるようにする</title>
</head>
<body onLoad="scrollBy(9999,0)">
<div id="myText" style="writing-mode:tb-rl;height:100pt;">
以下はJavaScript例文辞典のページの先頭部分の文章です。<br>
とりあえず長い文章を用意しないといけませんので・・・<br>
<br>
誤字脱字等のミスを発見しましたらopenspc@po.shiojiri.ne.jpまでメールをください。本に収録されているスクリプトとは若干相違があります。このページには全部で500以上のJavaScriptの例があります。
このサイト（例文辞典）の本ができました。本の方は「JavaScript例文活用辞典」という名前で技術評論社から発売中です。オンラインでも注文することができます。
このページに、自分のやりたい処理がない場合はホームページ例文辞典、スタイルシート例文辞典、DHTML Referenceの方も参照してみてください。
また、JavaScriptのTIPS & TRICKSのページ、【アッと驚く達人の技】もありますので、参照してみてください。
<br>
と、ここまでです。
</div>
<br>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
ページ表示後に縦書きの文章の先頭を表示させる