ブロック内をiframeのようにスクロールできるようにするスタイルシート

★ 今回は『ブロック内をIframeのようにスクロールできるようにするスタイルシート』です。

前回の記事でちょっと使っていましたが、
下のようなものをスタイルシートで行なうだけです。

あまりにも単純なので誰も説明してはいませんが、
使いたいという方もいらっしゃるかもしれないのであえて記事にしました。





ところで、上のブロックは下のようなタグでくくってあるだけで、
他に特別なことはしていません。

下にタグのソースを書いておきます。
ちなみに、特殊文字変換に使っているのは、
以前書いた記事の『ＨＴＭＬ　特殊文字変換　ＪａｖａＳｃｒｉｐｔ』です。

幅や高さ指定は数値で変更可能です。

<div style="overflow: scroll; width: 468px; height: 100px;"></div>

当然、間に何か文章が入っていないと表示されませんので、
そこのところはよろしくお願いいたします。


ブロックの中身は普通の文章とかですので検索エンジンにも当然拾われます。
よく使われているのは、メニューなどのサイドバーですね。

表示しておいて検索エンジンには拾わせたい、
でも場所を取りたくないといった場合に使われることが多いようです。
人気ブログランキング

ブログ内関連タグ : ブログ カスタマイズ スタイルシート SEO