网络建站知识

精准传达 • 价值共享

洞悉互联网前沿资讯,探寻网站营销规律

查看其它板块

网站建设之禁止底部出现滚动条?

作者:狐灵科技 | 2019-11-17 10:21 |点击:

CSS 禁止滚动条,有4种方法,具体如下:
1、完全隐藏
在<boby>里加入scroll="no",可隐藏滚动条;
<boby scroll="no">

2、在不需要时隐藏
指当浏览器窗口宽度或高度大于页面的宽或高时,不显示滚动条;
反之,则显示;
<boby scroll="auto">

3、样式表方法
在<boby>里加入style="overflow-x:hidden",可隐藏水平滚动条;
加入style="overflow-y:hidden",可隐藏垂直滚动条。
被包含页面里加入
<style>
html { overflow-x:hidden; }
</style>

4、另一种方法
<style type="text/css">
body {
overflow-x:hidden;
overflow-y:hidden;
}
</style>

<style type="text/css">
html {
overflow-x:hidden;
overflow-y:hidden;
}
</style>
如没特殊注明,文章均为狐灵科技原创,转载请注明   "网站建设之禁止底部出现滚动条?
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

网站设计 品牌营销

多一份参考,总有益处

联系狐灵科技,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:15082661954 / 大客户专线:15523356218