JS、CSS控制滚动条显隐

css控制div显示水平、垂直滚动条：（此时滚动条一直显示）

<div style="width:260px;height:120px; overflow:scroll; border:1px solid;"> 这里是你要显示的内容 </div>

js控制页面滚动条显隐：（此时滚动条一直显示）

<script type="text/javascript">
document.body.style.overflow="hidden";//隐藏页面水平和垂直滚动条
document.body.style.overflow="scroll";//显示页面水平和垂直滚动条
<script>

css控制div显示垂直滚动条：（此时滚动条一直显示）

<div style="width:260px;height:120px;overflow-y:scroll; border:1px solid;"> 这里是你要显示的内容 </div>

css控制当内容溢出时自动显示横纵滚动条：

<div style="width:260px;height:120px;overflow:auto;border:1px solid;"> 这里是你要显示的内容 </div>

css控制当内容溢出时自动只显示纵滚动条：

<div style="width:260px;height:120px;overflow:auto;overflow-x:hidden;border:1px solid;"> 这里是你要显示的内容 </div>

css控制div滚动条颜色：

<div style="width:260px;height:120px; overflow-y:scroll; scrollbar-base-color:#ff6600; border:1px solid;"> 这里是你要显示的内容 </div>

css滚动条其他属性：

• scrollbar-face-color(立体滚动条凸出部分的颜色)
• scrollbar-highlight-color(滚动条空白部分的颜色)
• scrollbar-shadow-color(立体滚动条阴影的颜色)
• scrollbar-arrow-color(上下按钮上三角箭头的颜色)
• scrollbar-base-color(滚动条的基本颜色)
• scrollbar-dark-shadow-color(立体滚动条强阴影的颜色)