스크롤바가 동적으로 생겼다 없어졌다 하는 경우에 스크롤바의 존재여부에 따라 디자인이 틀어지는 경우가 생기므로,

스크롤바가 있는지 없는지 체크하는 게 필요했다.





// 가로 스크롤바
(function($) {
    $.fn.hasHorizontalScrollBar = function() {
        return this.get(0) ? this.get(0).scrollWidth > this.innerWidth() : false;
    }
})(jQuery);

// 세로 스크롤바
(function($) {
    $.fn.hasVerticalScrollBar = function() {
        return this.get(0) ? this.get(0).scrollHeight > this.innerHeight() : false;
    }
})(jQuery);

// 사옹예
if($("#element").hasVerticalScrollbar()){
    // 세로 스크롤바가 있을 경우 처리
}






[참조]

http://hasin.me/2013/08/17/detecting-if-a-dom-element-has-scrollbar/









Posted by bloodguy

댓글을 달아 주세요