网上都说使用overflow-y:hiddencss可以隐藏滚动条，但是只能针对div元素，并不能隐藏浏览器，而一些资料说 <boby>里加入scroll="no"，可隐藏滚动条；在<boby>里加入style="overflow-x:hidden"，可隐藏水平滚动条；加入style="overflow-y:hidden"，可隐藏垂直滚动条。
1、完全隐藏
在里加入scroll="no"，可隐藏滚动条;
2、在不需要时隐藏
指当浏览器窗口宽度或高度大于页面的宽或高时，不显示滚动条;反之，则显示;
3、样式表方法
在里加入style="overflow-x:hidden"，可隐藏水平滚动条;
加入style="overflow-y:hidden"，可隐藏垂直滚动条。
body{ overflow-x:hidden; } 在标准 DTD 下是不可以的
html { overflow: scroll; }
强制隐藏滚动条:
html { overflow: hidden; }
隐藏IE的水平滚动条:
html { overflow-x: hidden; }
隐藏IE的垂直滚动条:
html { overflow-y: hidden; }
强制显示IE的水平滚动条:
html { overflow-x: scroll; }
强制显示IE的垂直滚动条:
html { overflow-y: scroll; }
强制显示Mozilla的水平滚动条:
html { overflow:-moz-scrollbars-horizontal; }
注意: 仅仅强制显示水平滚动条. 也就是说, 即使需要显示垂直滚动条时, 垂直滚动条也不会出现.
强制显示Mozilla的垂直滚动条:
html { overflow:-moz-scrollbars-vertical; }
注意: 仅仅强制显示垂直滚动条. 也就是说, 即使需要显示水平滚动条时, 水平滚动条也不会出现.
解决办法：
在页面添加:
<style>
html { overflow-x:hidden; //隐藏水平滚动条overflow-y:hidden;//隐藏垂直滚动条}
</style>
原文链接：https://www.qiquanji.com/post/8802.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知