seesaaでスクロールバー(縦横あり)を表示。

ブログの本文の箇所に縦横のスクロールバーをつける方法。
FC2ブログでは使えた方法がこのseesaaでは使えなかったので。
自分用メモ。

スクロールバーを縦横つける(強制的)

<div style="background:#E7E7E2; overflow:scroll; width:400px; height:100px; "><pre>
ここに好きなテキストを入力。
</pre></div>

スクロールバーを縦横つける(自動で判別)

<div style="background:#E7E7E2; overflow:auto; width:400px; height:100px; "><pre>
ここに好きなテキストを入力。
スクロールバーテスト1、スクロールバーテスト1、スクロールバーテスト1、スクロールバーテスト1
スクロールバーテスト2、スクロールバーテスト2、スクロールバーテスト2、スクロールバーテスト2
スクロールバーテスト1、スクロールバーテスト1、スクロールバーテスト1、スクロールバーテスト1
スクロールバーテスト1、スクロールバーテスト1、スクロールバーテスト1、スクロールバーテスト1
スクロールバーテスト2、スクロールバーテスト2、スクロールバーテスト2、スクロールバーテスト2
</pre></div>

画像を表示してスクロールさせる

<div style="width:400px; height:300px; padding:0; margin:0; border:1px solid #CCC; overflow:auto;">
ここに好きな画像を入力。
<a href="https://kimama91.up.seesaa.net/image/CCD-H320BK_002.jpg" target="_blank"><img border="0" alt="CCD-H320BK_002.jpg" src="https://kimama91.up.seesaa.net/image/CCD-H320BK_002.jpg"></a>
</div>

こんな感じです。スクロールバーの大きさは
width:400px; height:100px; の部分を変更するか
表示枠全体に拡大したい場合は削除します。

背景色は background:#E7E7E2; にて設定します。

縦スクロールのみする方法はすぐ見つかったのですが
横スクロールするバーを探すのに手こずる。
ようやく探し当てて動作を確認。

便利なソースを投稿してくれていたサイトの方々に感謝。
以上。

おすすめリンク

・ブログに横長の楽譜（1段譜）を画像で表示して弾き方などを解説する方法♪
・記事をスクロールさせる方法
・Amazon / 楽天市場 / Yahoo! でお買い物をする。