页面滚动条

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; } 
posted @ 2016-11-25 09:24  seedsman  阅读(272)  评论(0编辑  收藏  举报