ホームページ  >  に質問  >  本文

html - JavaScript を使用して div がオーバーフローしたかどうかを判断する方法

Web ページ上に p (id="info") 要素があります。幅と高さは固定です。CSS は次のとおりです。

リーリー

これには、AJAX を通じて動的に取得されるいくつかの p (または他のブロック レベルの要素) が含まれているため、高さがわかりません。多すぎる場合、または多すぎる場合は、情報がオーバーフローします。したがって、情報のオーバーフロー スタイルは自動に設定されており、コンテンツがオーバーフローしたときにスクロール バーが表示されます。

私の質問は次のとおりです:

JavaScript を使用して、この情報がオーバーフローしたかどうかを判断できますか?

または、これも可能です。JavaScript を使用して、情報スクロール バーが表示されたかどうかを判断しますか?

(これを行う目的を説明してください。AJAX はサーバーから継続的に情報を取得しますが、毎回取得されるエントリの長さは大きく異なる可能性があるため、情報がオーバーフローしたときにどのエントリが表示されるかわかりません。情報がオーバーフローした場合、プログラムは古いエントリを適切に削除します。そうでない場合は、情報が情報に蓄積され続けます)

PHP中文网PHP中文网2734日前929

全員に返信(1)返信します

  • 为情所困

    为情所困2017-05-18 11:02:38

    要素を使用できますscrollHeight属性和clientHeight属性来判断, 当scrollHeight大于clientHeight的时候,元素就是可以垂直滚动的;如果检测水平滚动的话,可以用scrollWidthclientWidth

    リーリー

    については、MDN の紹介をご覧ください: scrollHeightclientHeightscrollHeight

    クライアントの身長

    返事
    0
  • キャンセル返事