2012-04-25 30 views
5

Ben bu bir bulundu:jQuery işlevi?

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

Ama jQuery bunun için işlevi inşa var? Tek bir yerleşik işlev orada olmasa da

+2

Hayır, bunun için bir cut-out API'sine sahip değilsiniz, ancak jQuery'de neler yazdığını yeniden yazabilirsiniz .. Ancak, elinizde ne varsa iyi çalışıyorsa jQuery tabanlı çözüm. Bunun, jQuery'nin size sunacağı çok daha hızlı olacağına eminim. –

cevap

10

, fonksiyon kendisi jQuery fonksiyonları ile kolaylaştırılabilir:

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

buradan dışarı Test: Ayrıca bu eklentiyi bulabilirsiniz http://jsfiddle.net/naLLa/

viewport tabanlı seçicileri ekleyen ilgi alanı: http://www.appelsiini.net/projects/viewport