BlogNINJAブログを使いこなそうと始めたブログ。ないブログに表示されています。新しい記事を書く事で広告が消えます。│▲2006-07-15(Sat)スクロールバーの表示・非表示の切り替え久しぶりにカスタマイズの小技ネタ。今回はプラグインにスクロールバーを表示したあと、そのスクロールバーの表示・非表示を切り替えられるようにしようというもの。(スクロールバーをただ表示させるだけなら「プラグインにスクロールバーを表示する」という記事を見てみてください。)実際の表示はこんな感じになります。←左がスクロールバーが出てるとき、右が出ていないときです。ONorOFF」というところです。テキストリンクになってますが画像にしても問題ないです。それでは設置方法です。スクリプトを設置します。スクリプトはプラグインHTMLに書き込んでも良いし、テンプレートHTMLに書き込んでもどちらでも良いです。テンプレートHTMLに書き込む場合は<body>の直後がいいと思います。sizeHeight[size];}//--></script>オレンジ色で示してあるのがスクロールバーを表示する長さ(ボックスの高さ)になります。それから今度は実際にスクロールバーを表示させる部分を変更します。overflow:auto;">スクロールバーが表示される中身の部分</div>上のようにdivタグで挟み込んでください。このとき200pxの部分はスクリプトで指定した値と同じにしてください。最後にスクロールバーのON/OFFの切り替えボタンを設置します。ONorOFF</a>このスクロールバーのOn/Offの切り替えはこのままでは複数設置することはできません。複数設置したい場合はjavascriptはそのままひとつだけでかまいませんので、赤い文字で表示してある数字を二個目なら「2」、三個目なら「3」などど他の数字変えてください。その際青で示した部分は変更しないでください。確認は今のところWinXP+IEでしか行ってません。その点、ご了承ください。→ありがとうございます♪*COMMENT-コメント-▽はじめまして。