Web・IT うんたらら

業務系とWeb系の狭間でIT業界を彷徨いながら備忘録と足跡を残していきます

【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