做网站时网页出现滚动条如何去除？
时间：2016-11-15 20:26来源：无锡做网站公司
摘要：假如网页上的滚动条如果多出来，或者说原本设计师不想让它出现的时候它出现了，咱们怎么办呢？
一个网站由多个网页组成，当我们的设计师设计网页的时候，尽可能得遵循平面的设计图去制作。当然，在设计网页和做网站的过程中也会遇到一些小问题，今天马氪软件主要为大家介绍的是关于网页的滚动条的问题。
网页的滚动条如果多出来，或者说原本设计师不想让它出现的时候它出现了，咱们怎么办呢？
1、去掉最右侧的导航条
我们可以在</body>之前加上这条html代码：
<body style="overflow:-Scroll;overflow-y:hidden" >
2、有时候在网页横向出现滚动条，这种非常影响美观。如下图：
我们可以在</body>之前加上这条html代码：
<body style="overflow:-Scroll;overflow-x:hidden">
3、隐藏横向滚动条，显示纵向滚动条：
<body style="overflow-x:hidden;overflow-y:scroll">
4、将滚动条全部隐藏
<body style="overflow:hidden">
或者是
<body scroll="no">
5、火狐底部滚动条不显示的解决方案
html { overflow:-moz-scrollbars-vertical; }
6、如果是框架页，利用上面的方法仍不能去除可考虑以下办法：
在被包含的网页面里加入
<style>
html { overflow-x:hidden; }
</style>
如果想隐藏垂直滚动条:
<style>
html { overflow-y:hidden; }
</style>
这里先说一下滚动条的属性代码：
overflow-y : visible | auto | hidden | scroll
visible : 不剪切内容也不添加滚动条。
auto : 在需要时剪切内容并添加滚动条
hidden : 不显示超过对象高度的内容，这里不对这个属性作介绍，大家喜欢的话可以自己尝试
scroll : 总是显示纵向滚动条
其他的一些网页出现滚动条的处理办法这边也就不再作过多累赘的描述了，如果您有任何问题，可以联系我们无锡马氪软件，专业无锡做网站和软件开发公司。
声明：除非注明，本站内容由无锡网站建设马氪软件原创发布©，转载请联系我们授权合作。
感谢您耐心阅读，祝好！
您阅读这条内容，共花了： 给这篇内容写个评语吧！
做网站时网页出现滚动条如何去除？
假如网页上的滚动条如果多出来，或者说原本设计师不想让它出现的时候它出现了，咱们怎么办呢？
发布时间：2016-11-15
© 第二秀网络科技有限公司
长按识别二维码查看详细内容
