2012-04-25 3 views
5

나는이 하나 발견현재 뷰포트를 가져 오는 jQuery 함수는 무엇입니까?

getViewport = function() { 
    var m = document.compatMode == 'CSS1Compat'; 
    return { 
    l : window.pageXOffset || (m ? document.documentElement.scrollLeft : document.body.scrollLeft), 
    t : window.pageYOffset || (m ? document.documentElement.scrollTop : document.body.scrollTop), 
    w : window.innerWidth || (m ? document.documentElement.clientWidth : document.body.clientWidth), 
    h : window.innerHeight || (m ? document.documentElement.clientHeight : document.body.clientHeight) 
    }; 
}; 

를하지만, jQuery를은이에 대한 기능이 내장되어 있습니까? 하나의 내장 함수가 아니지만

+2

아니요 당신은 jQuery에서 가지고있는 것을 다시 쓸 수 있습니다.하지만 가지고있는 것이 잘 작동한다면 왜 jQuery 기반 솔루션. jQuery가 제공하는 것보다 훨씬 빠를 것이라고 확신합니다. –

답변

10

, 함수 자체는 jQuery를 기능을 단순화 할 수 있습니다

getViewport = function() { 
    var $w = $(window); 
    return { 
     l: $w.scrollLeft(), 
     t: $w.scrollTop(), 
     w: $w.width(), 
     h: $w.height() 
    } 
} 

여기를 테스트 : 당신은 또한이 플러그인을 찾을 수 있습니다 http://jsfiddle.net/naLLa/

관심 : 뷰포트 기반 선택기를 추가합니다. http://www.appelsiini.net/projects/viewport

관련 문제