javascript - 何かがオーバーフローしているかどうかを検出する方法は?

Question

div に含めることができるよりも多くのコンテンツがあります。

ご覧のように、表示されていない、または水平方向に「ハーフカット」されているすべてのテキストを非表示にしたいと考えています。

また、最後に表示された文または指定された文字数を非表示にして、テキストの表示部分の最後に「もっと読む」のようなものを貼り付ける必要があります。

2番目の部分は簡単だと思います。最初の部分を処理する方法がわかりません。

Answer 1

CSSを使用できます。

ブラウザのサポート: http://caniuse.com/#search=ellipsis

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

または、jQueryプラグインを使用してこれを行います。

Answer 2

次のコードが役立つ場合があります。

function isOverFlow(id){
    var elem = document.getElementById(id)
    if(elem.scrollWidth - jQuery(elem).width() > 0){
        return true;
   }
   return false;
}