符合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楼: xiaocao 发表于 2011-07-04 00:59
  • overflow-y:scroll;放在html里就OK,貌似是因为W3C标准,貌似不管放在哪都是不符合W3C标准的,放在html里的真正原因貌似应该是:如果放在body里会出现两个滚动条的,悲剧的很呐。。。
  • [引用]
  • 2楼: xiaocao 发表于 2011-07-04 01:01
  • 写错,貌似不是因为W3C标准,表情真可爱。。。哈哈
  • [引用]
  • 3楼: 网友 发表于 2011-08-07 21:15
  • [引用]

发表评论