jquery - 場合によってはオーバーフローを非表示に設定します

Question

HTMLが画面の外に出た場合にオーバーフローを非表示に設定するにはどうすればよいですか？

今、私はページの外{overflow: hidden;}のheadタグにhtmlを設定しました。だから、それはいつも隠されています

私の特定のケースでは、登録プロセスで表示されるエラーは13インチのラップトップでは表示されませんが、スクロールバーを常に表示したくありません。

そのため、オーバーフローがあるかどうかに基づいて設定（または設定解除）したいと思います。

最善の方法は何でしょうか？

ありがとう、リチャード

score 0 · Accepted Answer

スクロールバーを垂直スクロールのみに設定すると役に立ちますか？

これは、overflow-y：auto;を使用して行うことができます。およびoverflow-x：非表示。

これにより、垂直スクロールバーが表示されますが（必要な場合のみ）、水平スクロールバーは表示されません。このように、スクロールバーを表示することにした場合でも、負のプロパティを持つ非表示のdivは表示されません。

score 0 · Accepted Answer

このようなものはどうですか：

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

高さをオンに設定し#overflowHidden、コンテンツが変化したときに、#contentContainer高さをの高さと比較して確認し、必要に応じ#overflowHiddenてオーバーフロー属性をオンに設定し#overflowHiddenます。

最も洗練されたソリューションではありませんが、オンとオフを切り替えるのはかなり簡単です（テストと本番環境の場合）。

score 0 · Accepted Answer

'overflow：auto'では不十分ですか？

auto：'auto'値の動作はユーザーエージェントに依存しますが、オーバーフローするボックスにスクロールメカニズムが提供されるようにする必要があります

3 に答える 3