在xhtml中隐藏滚动条
在ie6中浏览具有框架的xhtml页面时，默认情况下会同时显示水平滚动条和垂直滚动条。 这是ie6的bug，在firefox中正常。 显示的原因是XHTML 1.0 transitional doctype的解释缺陷。 对于这个错误一般有三种解决方法。
方法1:
代码：
程序代码
复制代码的话就是：
html { overflow-y: scroll； }
原理：强制显示ie的垂直滚动条，忽略水平滚动条
优点：完全解决这个问题，让你维持完整的XHTML doctype。
缺点：即使页面不需要垂直滚动条，也会显示垂直滚动条。
方法采用2: (推荐)
代码：
程序代码
复制代码的话就是：
html { overflow-x: hidden； overflow-y: auto； }
原理：隐藏横向滚动，纵向滚动根据内容进行适应
优点：从视觉上解决了这个问题。 不需要时，不强制显示垂直滚动条。
缺点：如果只是隐藏了水平滚动条，而页面真的需要水平滚动条，则、
无法看到画面以外的内容，因为用户无法水平滚动。
方法3:代码：
程序代码
复制代码的话就是：
body { margin-right: -15px； 边距-盒：-15px； }
原理：这会在边距的水平和垂直方向上添加负值。 IE添加准确的值将消除对滚动条的需求幻想。
优点：从视觉上解决了这个问题。 垂直滚动根据内容进行适应
缺点：由于“人工创建”的15px外部边距，因此无法使用此填充的屏幕区域。
请参见------------------------------------------------------- -
设置样式
在原始html中，可以这样定义整个页面的滚动条
程序代码
复制代码的话就是：
body{
scroll bar-3d light-color : # d4d0c 8； /*-最外面左-*/
scroll bar-highlight-color : # fff； /*-左二-*/
scroll bar-face-color : # e4e4e 4； /*-面子---*/
scrollbar-arrow-color:#666； /*-箭头-*/
scroll bar-shadow-color : # 808080； /*-右二-*/
scroll bar-dark shadow-color : # d7dce 0； //右一----*
scroll bar-base-color : # d7dce 0； /*-基色-*/
scrollbar-track-color:#； /*-滑道-*/
}
但是，如果将同一代码应用于xhtml，它将不起作用。 我认为许多集中的锁链也面临着同样的问题
那么，如何在xhtml下应用滚动条样式？ 查看以下代码
程序代码
复制代码的话就是：
html{
scroll bar-3d light-color : # d4d0c 8； /*-最外面左-*/
scroll bar-highlight-color : # fff； /*-左二-*/
scroll bar-face-color : # e4e4e 4； /*-面子---*/
scrollbar-arrow-color:#666； /*-箭头-*/
scroll bar-shadow-color : # 808080； /*-右二-*/
scroll bar-dark shadow-color : # d7dce 0； //右一----*
scroll bar-base-color : # d7dce 0； /*-基色-*/
scrollbar-track-color:#； /*-滑道-*/
}
此代码与上一段的不同之处在于css中定义的元素，一个是body，另一个是html。 再测试一下吧。 html页面的
将“body”修改为“html”进行测试后，发现仍然可以获得效果。 那到底是为什么呢？
正如文字所示，xhtml比html多一个x。 那么，这个x其实是xml。 为什么要添加xmlcjdcc？ 其实根本的理由是使html更加结构化标准化(因为html真的很糟糕)。
我们在html中定义了主体。 html不太标准，所以这样很有效，但在xhtml中这样不行。
如您所见，body标记本身不是根元素，只有html是根元素，而页面滚动条也属于根元素。 因此，定义body没有效果是因为我们定义的只是原细胞。 好的，我们知道原理。 做个实验吧。 如果将“body”或“xhtml”替换为“*”
程序代码
复制代码的话就是：
*{
scroll bar-3d light-color : # d4d0c 8； /*-最外面左-*/
scroll bar-highlight-color : # fff； /*-左二-*/
scroll bar-face-color : # e4e4e 4； /*-面子---*/
scrollbar-arrow-color:#666； /*-箭头-*/
scroll bar-shadow-color : # 808080； /*-右二-*/
scroll bar-dark shadow-color : # d7dce 0； //右一----*
scroll bar-base-color : # d7dce 0； /*-基色-*/
scrollbar-track-color:#； /*-滑道-*/
}
html和xhtml都通过。 *是因为定义页面上的任何标签当然都包含“html”标签。
(ps:实际上与其说是html和xhtml的差异，不如说是有无XHTML 1.0 transitional doctype的差异，但如果删除页面的XHTML 1.0 transitional doctype，该页面会显示doctype 默认显示方式为html )但是，将XHTML 1.0 transitional doctype更改为HTML 4.01 doctype将不会产生任何效果。 虽然此页面的标准是html 4.01 )
以上是本文介绍的CSS滚动条的全部隐藏方法。 请一定要喜欢。