【HTML】スクロールバーを設置する | らい氏のブックマーク

らい氏のブックマーク

気になったことを書いています。

タグ:overflow

visible:そのまま表示(初期値)
scroll:常にスクロールバーを表示
auto:はみ出すときだけスクロールバーを表示
hidden:非表示
 
* パソコン画面だと表示されますが、スマホからだとバーは表示されません。

 

ここに文字を入れる

 

(横)

<div style="width: 150px; height: 85px; overflow: scroll; white-space: nowrap; background: #FFEEEE;">ここに文字を入れる</div>
 

 

ここに文字を入れる

 

 

(縦)

<div style="width: 150px; height: 85px; overflow: scroll; background: #FFEEEE;">ここに文字を入れる</div>

 

 

 

実際にやってみる。

 

ここに文字を入れる

 

<div style="border-bottom: 1px solid #29C4A0; border-left: 10px solid #29C4A0; padding: 13px;"><b>ここに文字を入れる</b></div>

このコードをスクロールバーで表示できるかやってみる。

(コードは特殊文字で入力)

 

 

<div style="border-bottom: 1px solid #29C4A0; border-left: 10px solid #29C4A0; padding: 13px;"><b>ここに文字を入れる</b></div>

 

 スマホ画面の場合

 

 

( ;∀;)スマホにもスクロールバーを表示させてみようと、あれよこれよと試してみたのですが....うまくいきません。

 

もう少し調べてみます。