メッセージボードのスクロール
■ メッセージボードのスクロール
★ メッセージボードをスクロールさせます（pxは調整が必要です）
★ 縦スクロール
/* ----------------------------------------------------- */
/* ■ メッセージボードをスクロール */
/* ----------------------------------------------------- */
#message{
height:100px;
overflow:auto;
}
/* ■ メッセージボードをスクロール */
/* ----------------------------------------------------- */
#message{
height:100px;
overflow:auto;
}
★ 横スクロール
/* ----------------------------------------------------- */
/* ■ メッセージボードをスクロール */
/* ----------------------------------------------------- */
#message{
width:600px;
overflow:auto;
}
/* ■ メッセージボードをスクロール */
/* ----------------------------------------------------- */
#message{
width:600px;
overflow:auto;
}
★ 横と縦スクロール
/* ----------------------------------------------------- */
/* ■ メッセージボードをスクロール */
/* ----------------------------------------------------- */
#message{
height:100px;
width:600px;
overflow:auto;
}
/* ■ メッセージボードをスクロール */
/* ----------------------------------------------------- */
#message{
height:100px;
width:600px;
overflow:auto;
}
★上記ＣＳＳに先頭に<style type="text/css">、最後尾に</style>を追加して、
フリープラグインへ追加しても可能です。
<style type="text/css"> ～ＣＳＳ内容～ </style>
フリースペースにも入れることが可能です（但し、改行を除いて下さい）
★ 下記の様に、ＩＥの場合スクロールバーの指定が可能です
例
#message{
height:100px;
overflow:auto;
scrollbar-face-color : #444444;
scrollbar-highlight-color : #888888;
scrollbar-shadow-color : #444444;
scrollbar-3dlight-color : #696969;
scrollbar-arrow-color : #777777;
scrollbar-track-color : #555555;
scrollbar-darkshadow-color : #000000;
scrollbar-base-color : #ffffff
}
height:100px;
overflow:auto;
scrollbar-face-color : #444444;
scrollbar-highlight-color : #888888;
scrollbar-shadow-color : #444444;
scrollbar-3dlight-color : #696969;
scrollbar-arrow-color : #777777;
scrollbar-track-color : #555555;
scrollbar-darkshadow-color : #000000;
scrollbar-base-color : #ffffff
}
スクロールバーの詳細は下記記事を参照してください。
http://ameblo.jp/new-bulue9/entry-10443745190.html#Top
★ 追記
下記の様にscrollにすれば、横と縦の両方にスクロールバーが付きます。
overflow:auto;
overflow:scroll; overflow:auto; は、height の場合は縦。 widtthの場合は横。
指定した箇所の部分がオーバーフローした場合、その場所のみスクロールバーが
表示されます。
但し、ＩＥ、Opera、Sleipnir に効果があり、FireFox 、Google Chrome、 Safari は効果がありません。