符合W3C的隐藏网页滚动条方法（横纵向独立控制）

取消网页滚动条，传统的方法是在 boby 标签里加入 style="overflow-x:hidden"，可隐藏水平滚动条，加入 style="overflow-y:hidden"，可隐藏垂直滚动条。但是在 W3C 标准里，这一方法并不见效。而在 boby 标签里加入 scroll="no" 虽然实现了隐藏，但是横纵向并不能独立控制。经测试，符合W3C的标准写法，对象应是"html"，而非"body"。

如下例，隐藏横向，显示纵向。
html {
overflow-x:hidden; overflow-y:auto;
}

时间:2008-03-02 | 分类:技术文摘 | 标签: css取消网页滚动条 
评论列表
64x64
网友 2011-08-08 05:15:20 回复
<img src="/image/face/1.gif" /><img src="/image/face/13.gif" /><img src="/image/face/25.gif" /><img src="/image/face/28.gif" /><img src="/image/face/16.gif" /><img src="/image/face/4.gif" />
64x64
xiaocao 2011-07-04 09:01:00 回复
写错，貌似不是因为W3C标准<img src="/image/face/7.gif" />，表情真可爱。。。哈哈
64x64
xiaocao 2011-07-04 08:59:58 回复
overflow-y:scroll;放在html里就OK,貌似是因为W3C标准，貌似不管放在哪都是不符合W3C标准的，放在html里的真正原因貌似应该是：如果放在body里会出现两个滚动条的，悲剧的很呐。。。<img src="/image/face/7.gif" />
发表评论
昵称
邮箱
内容
文章分类
最新文章