スクロール

トップ > 逆引きリファレンス > スクロール

スクロールバーを表示しないようにするには

スクロールバーを表示しないようにするには、overlow に hidden を指定します。

HTML
<style>
body { overflow: hidden; }
</style>

スクロールバーの色を変えるには

スクロールバーの色を変えるには、scrollbar-base-color を指定します。ただし、Internet Explorer でのみ有効で、Chrome, Firefox, Opera, Safari, Edge ではサポートされていません。

HTML
<style>
body { scrollbar-base-color: #ffcccc; }
</style>

テーブルにスクロールバーをつけるには

テーブルをスクロールさせるには次のようにします。

HTML
<div style="height:100px; width:300px; overflow-y:scroll;">
<table class="table-border" style="width:300px;">
  :
</table>
</div>
表示
項目1項目2項目3
AAABBBCCC
AAABBBCCC
AAABBBCCC
AAABBBCCC
AAABBBCCC
AAABBBCCC
AAABBBCCC
AAABBBCCC
AAABBBCCC
AAABBBCCC
AAABBBCCC

Copyright (C) 2003-2017 杜甫々
初版: 2003年10月12日、最終更新:2017年12月17日
http://www.tohoho-web.com/how2/scroll.htm