2011-03-15 51 views
0

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

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

任何想法?

+2

请显示您的代码以便更好地理解 – sandeep 2011-03-15 11:24:25

回答

1

很确定这是Opera与其他人不同的情况之一。溢出应该是防止滚动,如果它的值是隐藏的,而不是隐藏滚动条。

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

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>标签直接申请溢出值。

希望它的作品!

+0

测试了几件事情,但没有机会。不适用于溢出:隐藏在html或body或任何其他元素上。 – sascha 2011-03-15 13:19:25

0

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

+0

但'overflow:auto'会显示滚动条。我不想滚动条,但要滚动的功能。 – sascha 2011-03-15 18:00:08

+0

人们如何在没有任何滚动条的情况下进行滚动? – 2011-03-18 10:59:11

+0

@PhilPowell使用触控板的人仍然可以在这些元素内进行双指滚动。 – jenming 2017-04-07 17:52:05