【JavaScript】 Div要素内の文字がはみ出ているか判定
なんとなくjQueryでやってみました。泥臭い手法ですがちゃんと動くかと。
jQueryの値判定系メソッドの慣例に習い、複数要素の場合は先頭の要素に対しての結果を返します。
jQuery.fn.extend({ isProtrudeWidth: function(){ var orgScrollLeft = this.scrollLeft(); this.scrollLeft(0); this.scrollLeft(1); var result = (this.scrollLeft() > 0); this.scrollLeft(orgScrollLeft); return result; }, isProtrudeHeight: function(){ var orgScrollTop = this.scrollTop(); this.scrollTop(0); this.scrollTop(1); var result = (this.scrollTop() > 0); this.scrollTop(orgScrollTop); return result; } });
こんな感じで呼び出します。
$('#hoge').isProtrudeHeight();
使用例はこちら
http://vamview.hatenablog.com/entry/2013/06/12/002111