在隐藏溢出时在 Webkit / mozilla 中滚动

发布于 2024-10-22 18:33:00 字数 144 浏览 6 评论 0 原文

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

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

有什么想法吗?

Is there a way to tell Safari / Webkit browsers and Firefox to scroll an element or a page while overflow is set to "hidden"?

I'm using overflow: hidden on the body-Element and it works for Opera only.

Any ideas?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

枕头说它不想醒 2024-10-29 18:33:00

可以肯定,这是 Opera 与其他公司的做法不同的案例之一。如果其值被隐藏,溢出应该阻止滚动,而不仅仅是隐藏滚动条。

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

Pretty sure this is one of those cases where Opera does it differently from everyone else. Overflow is supposed to prevent scrolling if its value is hidden, not just hide scroll bars.

If you really want to hide the scroll bars, but still want to scroll the window or its contents, you can use JavaScript / DOM script to do it.

抽个烟儿 2024-10-29 18:33:00

抱歉,您弄错了,overflow-x:hidden 或overflow-y:hidden 必须应用于html 元素,而不是body 元素。但就在这种情况下,我用谷歌搜索并找到了这些
链接告诉我他们是否有任何帮助。

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

http://www.artmov.com/dev/snippets/apply-overflow-x-overflow-y-to-body-in-ie7-ie6-84/” artmov.com/dev/snippets/apply-overflow-x-overflow-y-to-body-in-ie7-ie6-84/
(在此链接中,我找到了上述声明。)

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

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

希望它有效!

Sorry but you have been mistaken, the overflow-x:hidden or overflow-y:hidden must be applied to the html element, not body element. But in just the case I have googled it and found these
link tell me if they did any help.

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

http://www.artmov.com/dev/snippets/apply-overflow-x-overflow-y-to-body-in-ie7-ie6-84/
(In this link I found the above mentioned statement.)

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

In this link I found that you should apply directly overflow value in the <HTML> tag.

Hope it works!

水晶透心 2024-10-29 18:33:00

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

If you're setting overflow: hidden on any element, you're explicitly telling it that the contents should be hidden, and therefore can't be scrolled to. If you want the contents to be scrollable, then you need to use overflow: auto. Why would you ever want to scroll something you're telling the browser it should not scroll? It's contradictory.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文