ウィンドウの縦/横スクロールバーを消す

動作ブラウザ
Internet Explorer Netscape Navigator
4.0x 4.5 5.0x 5.5 6.0 4.x 6.0
Windows × - × × ×
Macintosh × × × - - × ×
UNIX - - - - - × ×

解  説  IE5.5以降では個別に縦横のスクロールバーの表示を制御できます。通常の状態では右側に縦方向のスクロールバーが表示されてしまいますが、document.body.style.overflowY = "hidden"とする事で消すことができます。(スタイルシートでも消せます)  overflowXが横方向、overflowYが縦方向のスクロールバーの表示状態を示し、visible, scroll, hidden, autoのいずれかを設定することができます。
コード <html> <head> <title>ウィンドウの縦/横方向のスクロールバーを消す</title> <script language="javascript"><!-- function hideX() { document.body.style.overflowX = "hidden"; } function hideY() { document.body.style.overflowY = "hidden"; } // --></script> </head> <body> <form> <input type="button" value="横のスクロールバーを消す" onClick="hideX()"><br> <input type="button" value="縦のスクロールバーを消す" onClick="hideY()"><br> </form> <table border="1" width="2048" height="10"> <tr><td>.</td></tr> </table> </body> </html>

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!