숨겨진/오버 플로우 텍스트가 상단이나 요소

Question

의 맨 아래에있는 경우 내가

How to determine from javascript if an html element has overflowing content

에 Shog9의 대답을 확장하고 싶습니다 결정하고 내가 알고 싶습니다 어떻게하면 숨겨진 텍스트 포함하는 요소의 상단 또는 하단 (또는 둘 다 또는 없음)에 있습니다.

그것에 대해 가장 좋은 방법은 무엇입니까?

Answer 1

내가 나무를 통해 숲을 볼 수 없었다. Joel의 코드 스 니펫 var isScrolledDown = el.scrollTop > 0;은 내가 어떻게하는지 깨닫게했습니다. 아직 IE6 +에서 작동 있을지

function HasTopOverflow(el) { 
    return el.scrollTop; 
} 

function HasBottomOverflow(el) { 
    var scrollTop = el.scrollTop, 
     clientHeight = el.clientHeight, 
     scrollHeight = Math.max(el.scrollHeight, clientHeight); 

    return (scrollTop + clientHeight) < scrollHeight; 
} 

테스트하지 않은,하지만 FF 작동 : 나는 두 가지 기능을 사용했다.

버그가있는 경우 알려 주시기 바랍니다.

Answer 2

scrollLeft과 scrollTop을 Shog의 답변과 결합 할 수 있습니다. 특히

:

// Author: Shog9 
// Determines if the passed element is overflowing its bounds, 
// either vertically or horizontally. 
// Will temporarily modify the "overflow" style to detect this 
// if necessary. 
// Modified to check if the user has scrolled right or down. 
function checkOverflow(el) 
{ 
    var curOverflow = el.style.overflow; 
    if (!curOverflow || curOverflow === "visible") 
     el.style.overflow = "hidden"; 

    var isOverflowing = el.clientWidth < el.scrollWidth 
     || el.clientHeight < el.scrollHeight; 

    // check scroll location 
    var isScrolledRight = el.scrollLeft > 0; 
    var isScrolledDown = el.scrollTop > 0; 

    el.style.overflow = curOverflow; 

    return isOverflowing; 
}