コンテンツがオーバーフローするかどうかを確認してください。

Question

私のコンテンツが私のdivをオーバーフローするときを知る必要があります。そうであれば、私はすべてのコンテンツを含む新しいウィンドウでページを開くためのリンクに配置されます。

乾杯、

DalexL

Answer 1

この幅と高さに合わせるテキストのためのjQueryプラグイン：

(function($) { 
    $.fn.fitText = function(options) { 
     options = $.extend({ 
      width: 0, 
      height: 0 
     }, options); 

     $(this).each(function() { 
      var elem = $(this); 
      if (options.height > 0) { 
       while (elem.height() > options.height) { 
        elem.text(elem.text().substring(0, (elem.text().length - 4)) + 'YourLink'); 
       } 
      } 
      if (options.width > 0) { 
       while (elem.width() > options.width) { 
        elem.text(elem.text().substring(0, (elem.text().length - 4)) + 'YourLink'); 
       } 
      } 
     }); 
    } 
})(jQuery); 

Answer 2

あなたは、このような構造を作成する場合：

<div id="outer" style="overflow: auto"> 
    <div id="inner"> 
    content 
    </div> 
</div> 

innerの幅または高さがouterの外側はの寸法を前提としているためという超えたときにオーバーフローが発生しましたビューポートとインナーは、すべてのコンテンツを表示するのに必要な最小の幅と高さを想定しています。

outerをvisibility: hiddenとマークするとレイアウトできますが表示されません。

コンテンツにposition: fixedのコンテンツが含まれている場合、その部分は考慮されません（CSS 2はクリップされません）。

Answer 3

のjQueryを使用して

とMarquee Text When Text Overflows：

$('div').each(function(){ 
    var $this = $(this); 
    if ($this.get(0).scrollHeight > $this.height()) { 
     $this.after('<a href="#" target="new">Read More</a>'); 
    } 
}); 

http://jsfiddle.net/eF7jf/

Answer 4

なしjQueryの答え：

if(elements.scrollHeight > element.clientHeight) 
    alert('content-overflow')//not to be confused with stackoverflow