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>


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

CCD-H320BK_002.jpg

<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! でお買い物をする。

この記事へのコメント

人気記事

プロフィール

・このブログの管理者:気ままさん
・性別:男
・年齢:ぼーっとしている間に35~45歳の間になる。
・趣味:パソコンを使用する環境を快適にする為に知識を蓄え、設定する、読書
・好きな食べ物:夕食に食べるフルグラが最近のお気に入り。
・嫌いな食べ物:生もの全般 ( 食事の楽しみより食あたりを警戒 )
 口に入れるとネチョネチョするもの全般
・好きな言葉:小さな事からコツコツと、継続は力なり、縁の下の力持ち
・嫌いな言葉:( 年単位で継続しているものに対し ) こんな役に立たないものに時間をかけて
・一言: ( 2019/01/11 )
 こんにちは、気ままなブログを管理している 気ままさん です。
 使ってよかった商品のレビューと生活で便利そうな事と
 パソコン、タブレット、アプリの設定などが主です、
 私は記憶力がポンコツなのでどこかに書いておかないと
 記憶が DELキー 押したかのように消えるので自分用だったりします。
 コツコツ継続は得意なので 気まま に更新中。
 いらっしゃいませー。

プライバシーポリシー

プライバシーポリシー

当サイトでは、第三者配信による広告サービスを利用しています。このような広告配信事業者は、ユーザーの興味に応じた商品やサービスの広告を表示するため、当サイトや他サイトへのアクセスに関する情報 (氏名、住所、メール アドレス、電話番号は含まれません) を使用することがあります。このプロセスの詳細やこのような情報が広告配信事業者に使用されないようにする方法については、ここを参照するか ブラウザのCookie機能をオフにしてアクセスしてください。

気ままの簡易レビュー 2 はamazon.co.jpを宣伝しリンクすることによって
サイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムであるAmazonアソシエイト・プログラムの参加者です。

カウンター