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

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

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

  1. 网友说道:

    <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” />

  2. xiaocao说道:

    写错,貌似不是因为W3C标准<img src=”/image/face/7.gif” />,表情真可爱。。。哈哈

  3. xiaocao说道:

    overflow-y:scroll;放在html里就OK,貌似是因为W3C标准,貌似不管放在哪都是不符合W3C标准的,放在html里的真正原因貌似应该是:如果放在body里会出现两个滚动条的,悲剧的很呐。。。<img src=”/image/face/7.gif” />

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注