1 if ( "getBoundingClientRect" in document.documentElement )
2 jQuery.fn.offset = function() {
4 if ( !elem ) return null;
5 if ( elem === elem.ownerDocument.body ) return jQuery.offset.bodyOffset( elem );
6 var box = elem.getBoundingClientRect(), doc = elem.ownerDocument, body = doc.body, docElem = doc.documentElement,
7 clientTop = docElem.clientTop || body.clientTop || 0, clientLeft = docElem.clientLeft || body.clientLeft || 0,
8 top = box.top + (self.pageYOffset || jQuery.boxModel && docElem.scrollTop || body.scrollTop ) - clientTop,
9 left = box.left + (self.pageXOffset || jQuery.boxModel && docElem.scrollLeft || body.scrollLeft) - clientLeft;
10 return { top: top, left: left };
13 jQuery.fn.offset = function() {
15 if ( !elem ) return null;
16 if ( elem === elem.ownerDocument.body ) return jQuery.offset.bodyOffset( elem );
17 jQuery.offset.initialized || jQuery.offset.initialize();
19 var offsetParent = elem.offsetParent, prevOffsetParent = elem,
20 doc = elem.ownerDocument, computedStyle, docElem = doc.documentElement,
21 body = doc.body, defaultView = doc.defaultView,
22 prevComputedStyle = defaultView.getComputedStyle(elem, null),
23 top = elem.offsetTop, left = elem.offsetLeft;
25 while ( (elem = elem.parentNode) && elem !== body && elem !== docElem ) {
26 computedStyle = defaultView.getComputedStyle(elem, null);
27 top -= elem.scrollTop, left -= elem.scrollLeft;
28 if ( elem === offsetParent ) {
29 top += elem.offsetTop, left += elem.offsetLeft;
30 if ( jQuery.offset.doesNotAddBorder && !(jQuery.offset.doesAddBorderForTableAndCells && /^t(able|d|h)$/i.test(elem.tagName)) )
31 top += parseInt( computedStyle.borderTopWidth, 10) || 0,
32 left += parseInt( computedStyle.borderLeftWidth, 10) || 0;
33 prevOffsetParent = offsetParent, offsetParent = elem.offsetParent;
35 if ( jQuery.offset.subtractsBorderForOverflowNotVisible && computedStyle.overflow !== "visible" )
36 top += parseInt( computedStyle.borderTopWidth, 10) || 0,
37 left += parseInt( computedStyle.borderLeftWidth, 10) || 0;
38 prevComputedStyle = computedStyle;
41 if ( prevComputedStyle.position === "relative" || prevComputedStyle.position === "static" )
42 top += body.offsetTop,
43 left += body.offsetLeft;
45 if ( prevComputedStyle.position === "fixed" )
46 top += Math.max(docElem.scrollTop, body.scrollTop),
47 left += Math.max(docElem.scrollLeft, body.scrollLeft);
49 return { top: top, left: left };
53 initialize: function() {
54 if ( this.initialized ) return;
55 var body = document.body, container = document.createElement('div'), innerDiv, checkDiv, table, td, prop, bodyMarginTop = body.style.marginTop,
56 html = '<div style="position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;"><div></div></div><table style="position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;" cellpadding="0" cellspacing="0"><tr><td></td></tr></table>';
58 jQuery.extend( container.style, { position: 'absolute', top: 0, left: 0, margin: 0, border: 0, width: '1px', height: '1px', visibility: 'hidden' } );
60 container.innerHTML = html;
61 body.insertBefore(container, body.firstChild);
62 innerDiv = container.firstChild, checkDiv = innerDiv.firstChild, td = innerDiv.nextSibling.firstChild.firstChild;
64 this.doesNotAddBorder = (checkDiv.offsetTop !== 5);
65 this.doesAddBorderForTableAndCells = (td.offsetTop === 5);
67 innerDiv.style.overflow = 'hidden', innerDiv.style.position = 'relative';
68 this.subtractsBorderForOverflowNotVisible = (checkDiv.offsetTop === -5);
70 body.style.marginTop = '1px';
71 this.doesNotIncludeMarginInBodyOffset = (body.offsetTop === 0);
72 body.style.marginTop = bodyMarginTop;
74 body.removeChild(container);
75 this.initialized = true;
78 bodyOffset: function(body) {
79 jQuery.offset.initialized || jQuery.offset.initialize();
80 var top = body.offsetTop, left = body.offsetLeft;
81 if ( jQuery.offset.doesNotIncludeMarginInBodyOffset )
82 top += parseInt( jQuery.curCSS(body, 'marginTop', true), 10 ) || 0,
83 left += parseInt( jQuery.curCSS(body, 'marginLeft', true), 10 ) || 0;
84 return { top: top, left: left };
90 position: function() {
91 if ( !this[0] ) return null;
93 var left = 0, top = 0, results,
95 // Get *real* offsetParent
96 offsetParent = this.offsetParent(),
98 // Get correct offsets
99 offset = this.offset(),
100 parentOffset = /^body|html$/i.test(offsetParent[0].tagName) ? { top: 0, left: 0 } : offsetParent.offset();
102 // Subtract element margins
103 // note: when an element has margin: auto the offsetLeft and marginLeft
104 // are the same in Safari causing offset.left to incorrectly be 0
105 offset.top -= num( this, 'marginTop' );
106 offset.left -= num( this, 'marginLeft' );
108 // Add offsetParent borders
109 parentOffset.top += num( offsetParent, 'borderTopWidth' );
110 parentOffset.left += num( offsetParent, 'borderLeftWidth' );
112 // Subtract the two offsets
114 top: offset.top - parentOffset.top,
115 left: offset.left - parentOffset.left
121 offsetParent: function() {
122 var offsetParent = this[0].offsetParent || document.body;
123 while ( offsetParent && (!/^body|html$/i.test(offsetParent.tagName) && jQuery.css(offsetParent, 'position') == 'static') )
124 offsetParent = offsetParent.offsetParent;
125 return jQuery(offsetParent);
130 // Create scrollLeft and scrollTop methods
131 jQuery.each( ['Left', 'Top'], function(i, name) {
132 var method = 'scroll' + name;
134 jQuery.fn[ method ] = function(val) {
135 if ( !this[0] ) return null;
137 return val !== undefined ?
139 // Set the scroll offset
140 this.each(function() {
141 this == window || this == document ?
143 !i ? val : jQuery(window).scrollLeft(),
144 i ? val : jQuery(window).scrollTop()
146 this[ method ] = val;
149 // Return the scroll offset
150 this[0] == window || this[0] == document ?
151 self[ i ? 'pageYOffset' : 'pageXOffset' ] ||
152 jQuery.boxModel && document.documentElement[ method ] ||
153 document.body[ method ] :