CSS 禁止浏览器滚动条的方法
浏览数：36 /
时间：2015年06月09日
1、完全隐藏
在里加入scroll="no"，可隐藏滚动条；
这个我用的时候完全没效果，不知道是什么原因！不过好多人说这么用可以，大概是用的位置不一样吧
2、在不需要时隐藏
指当浏览器窗口宽度或高度大于页面的宽或高时，不显示滚动条；反之，则显示；
3、样式表方法
在里加入style="overflow-x:hidden"，可隐藏水平滚动条；加入style="overflow-y:hidden"，可隐藏垂直滚动条。
被包含页面里加入
html { overflow-x:hidden; }
有一段解释是这样说的：body{ overflow-x:hidden; }在标准 DTD 下是不可以的
我的问题是用这段代码解决的body{overflow-y:hidden; }
4、另一种方法
body {
overflow-x:hidden;
overflow-y:hidden;
}
html {
overflow-x:hidden;
overflow-y:hidden;
}
5、
在用ie6浏览有框架的xhtml页面的时候，默认会水平和垂直滚动条会一起出现，这是ie6的一个bug，在firefox上是正常的，出现的原因是其对XHTML 1.0 transitional doctype的解释缺陷.对于这个bug一般有3种解决方案，
方法1:
代码：
html { overflow-y: scroll; }
原理：强制显示ie的垂直滚动条，而忽略水平滚动条
优点：完全解决了这个问题, 允许你保持完整的XHTML doctype.
缺点：即使页面不需要垂直滚动条的时候也会出现垂直滚动条。
方法2:
代码：
html { overflow-x: hidden; overflow-y: auto; }
原理：隐藏横向滚动，垂直滚动根据内容自适应
优点：在视觉上解决了这个问题.在不必要的时候, 未强制垂直滚动条出现.
缺点：只是隐藏了水平滚动条，如果页面真正需要水平滚动条的时候，
屏幕以外的内容会因为用户无法水平滚动，而看不到。
方法3:
代码：
body { margin-right: -15px; margin-bottom: -15px; }
原理：这会在margin的水平和垂直方向上添加一个负值, IE添加了该精确数值后, 便会去除对滚动条的需求假象.
优点：在视觉上解决了这个问题.，垂直滚动根据内容自适应
缺点：由于"人为创建"了15px的外边距(margin), 所以无法使用该填充过的屏幕区域
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
