html纵向滚动条隐藏,css隐藏滚动条（横向，坚向）
⽹上都说使⽤overflow-y:hiddencss可以隐藏滚动条，但是只能针对div元素，并不能隐藏浏览器，⽽⼀些资料说 ⾥加⼊scroll="no"，可隐藏滚动条；在⾥加⼊，可隐藏⽔平滚动条；加⼊，可隐藏垂直滚动条。
1、完全隐藏
在⾥加⼊scroll="no"，可隐藏滚动条;
2、在不需要时隐藏
指当浏览器窗⼝宽度或⾼度⼤于页⾯的宽或⾼时，不显⽰滚动条；反之，则显⽰;
3、样式表⽅法
html横向滚动条样式
在⾥加⼊，可隐藏⽔平滚动条;
加⼊，可隐藏垂直滚动条。
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; }
注意: 仅仅强制显⽰垂直滚动条. 也就是说, 即使需要显⽰⽔平滚动条时, ⽔平滚动条也不会出现.
解决办法：
在页⾯添加:
html { overflow-x:hidden; //隐藏⽔平滚动条overflow-y:hidden;//隐藏垂直滚动条}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。