在隐藏溢出时滚动Webkit / mozilla

时间:2011-03-15 11:14:20

标签: html css webkit overflow opera

当溢出设置为“隐藏”时,有没有办法告诉Safari / Webkit浏览器和Firefox滚动元素或页面?

我在body-Element上使用overflow: hidden,它仅适用于Opera。

有什么想法吗?

3 个答案:

答案 0 :(得分:2)

非常肯定这是Opera与其他人不同的情况之一。如果隐藏值,则溢出应该阻止滚动,而不仅仅是隐藏滚动条。

如果你真的想要隐藏滚动条,但仍想滚动窗口或其内容,可以使用JavaScript / DOM脚本来执行此操作。

答案 1 :(得分:0)

很抱歉,但是你错了,overflow-x:hidden或overflow-y:hidden必须应用于html元素,而不是body元素。但就这种情况而言,我用Google搜索并发现了这些 链接告诉我他们是否有任何帮助。

http://www.webmasterworld.com/javascript/3560359.htm

http://www.artmov.com/dev/snippets/apply-overflow-x-overflow-y-to-body-in-ie7-ie6-84/ (在这个链接中我找到了上面提到的陈述。)

http://haslayout.net/css/Document-Scrollbars-Overflow-Inconsistency

在此链接中,我发现您应该在<HTML>标记中直接应用溢出值。

希望它有效!

答案 2 :(得分:0)

如果您在任何元素上设置overflow: hidden,则明确告诉它应该隐藏内容,因此无法滚动到该元素。如果您希望内容可滚动,则需要使用overflow: auto。你为什么要滚动你告诉浏览器它不应该滚动的东西?这是矛盾的。