분류 javascript

요소가 스크롤 가능한지 확인 (10/86)

컨텐츠 정보

  • 조회 437 (작성일 )

본문

ele 요소가 스크롤 가능한 경우 다음 함수는 true를 리턴합니다.


https://htmldom.dev/check-if-an-element-is-scrollable 



const isScrollable = function(ele) {
    // Compare the height to see if the element has scrollable content
    const hasScrollableContent = ele.scrollHeight > ele.clientHeight;

    // It's not enough because the element's `overflow-y` style can be set as
    // * `hidden`
    // * `hidden !important`
    // In those cases, the scrollbar isn't shown
    const overflowYStyle = window.getComputedStyle(ele).overflowY;
    const isOverflowHidden = overflowYStyle.indexOf('hidden') !== -1;

    return hasScrollableContent && !isOverflowHidden;
};





dom