jquery - 在某些情况下设置溢出隐藏

Question

在html go在屏幕之外的情况下，如何设置隐藏溢出

现在我已经在页面外{overflow: hidden;}的head标签中设置了 html。所以一直隐藏

在我的特殊情况下，在我的 13 英寸笔记本电脑上看不到我在注册过程中显示的错误，但我不想一直显示滚动条。

这就是为什么我希望它根据是否存在溢出的事实来设置（或取消设置）。

最好的方法是什么？

谢谢，理查德

Answer 1

像这样的东西怎么样：

<div id="overflowHidden" style="overflow:hidden;">
    <div id="contentContainer">
        Content goes here
    </div>
</div>

设置一个高度#overflowHidden，当内容发生变化时#contentContainer，检查与的高度相比的高度，#overflowHidden并根据需要设置溢出属性#overflowHidden。

不是最优雅的解决方案，但它会很容易打开和关闭（用于测试和生产）。

Answer 2

'溢出：自动'还不够吗？

http://www.w3.org/TR/CSS2/visufx.html

auto：'auto' 值的行为取决于用户代理，但应该为溢出的框提供滚动机制

Answer 3

如果您只将滚动条设置为垂直滚动会有帮助吗？

你可以使用 overflow-y: auto; 和溢出-x：隐藏；

这将显示一个垂直滚动条（仅在您需要时），但不会显示一个水平滚动条。这样即使您决定显示滚动条，也不会显示具有负属性的隐藏 div。