html中弄一个水平的滚动条
1、在html中定义好一个dom标签,可以是body或者div等等。
2、给dom元素设置相应的宽度,可以用style中的width。
3、再给dom元素设置overflow属性,水平滚动条就是overflow-x:scroll。这样当元素中的内容超出设置的宽度时就会出现滚动条。
示例:
<div style="overflow-x:scroll;width:200px;white-space:nowrap;">当内容超出设定的宽度时自动出现横向滚动条</div>
有时候特别需要,个别网页要去掉横向滚动条和竖向滚动条,那该怎么去掉呢,很简单,看代码:
1.让竖条没有:
<body style=`overflow:-Scroll;overflow-y:hidden` >
</body>
2.让横条没有:
<body style=`overflow:-Scroll;overflow-x:hidden` >
</body>
3.两个都去掉?更简单了
<body scroll="no" >
</body>
4.火狐底部滚动条不显示:
html { overflow:-moz-scrollbars-vertical; }