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(立体滚动条强阴影的颜色)