2012-04-25 15 views
5

Me pareció que éste:jQuery función para obtener la ventana gráfica actual?

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) 
    }; 
}; 

pero tiene jQuery una función integrada para esto?

+2

No, no tiene una API cortada para esto, pero puede volver a escribir lo que tiene en jQuery ... pero si lo que tiene funciona bien, entonces ¿por qué buscar un Solución basada en jQuery. Estoy seguro de que esto será mucho más rápido que lo que jQuery te va a ofrecer. –

Respuesta

10

Si bien no hay una única función incorporada, la función en sí puede ser simplificado con funciones de jQuery:

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

probamos aquí: http://jsfiddle.net/naLLa/

Usted también puede encontrar este plug-in de interés, que agrega selectores basados ​​en ventanas: http://www.appelsiini.net/projects/viewport

Cuestiones relacionadas