HTML 요소가 뷰포트에 있는지 확인하는 가장 효율적인 방법은 무엇입니까?

Question

나는 현재 같은 일부 코드, 프로토 타입을 사용하고 있습니다 :이 일을 빠르고/쉽게/더 효율적인/더 좋은 방법은

function in_viewport(foo) { 
    var offset = foo.viewportOffset().top; 
    var viewportHeight = document.viewport.getHeight(); 
    if (offset > (0 - foo.getHeight()) && offset < viewportHeight) { 
    return true; 
    } else { 
    return false; 
    } 
} 

있습니까?

Answer 1

Dojo와 같은 다양한 JavaScript 라이브러리를 사용하면이를 수행하는 데 사용할 수있는 매우 구체적인 크로스 브라우저 호환 코드를 얻을 수 있습니다. 아직도 당신이 가진 것보다 훨씬 더 예뻐 보이지 않습니다. 만약 당신이 처음부터 그것을하고 있다면, 브라우저 버르 크크 (quirks), 브라우저 버젼의 버크 (quirks), 스크롤링 등을 처리 할 때 훨씬 더 복잡해집니다.