2012-04-25 12 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

संबंधित मुद्दे