Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
J
jquery
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
夏彬
jquery
Commits
cafd392a
Commit
cafd392a
authored
Jul 24, 2009
by
Brandon Aaron
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
add scrollTop/Left tests and fix for IE
parent
cf7a0cfd
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
64 additions
and
78 deletions
+64
-78
offset.js
src/offset.js
+43
-76
offset.js
test/unit/offset.js
+21
-2
No files found.
src/offset.js
View file @
cafd392a
if
(
"getBoundingClientRect"
in
document
.
documentElement
)
{
if
(
"getBoundingClientRect"
in
document
.
documentElement
)
jQuery
.
fn
.
offset
=
function
()
{
jQuery
.
fn
.
offset
=
function
()
{
var
elem
=
this
[
0
];
var
elem
=
this
[
0
];
if
(
!
elem
||
!
elem
.
ownerDocument
)
{
return
null
;
}
if
(
!
elem
||
!
elem
.
ownerDocument
)
return
null
;
if
(
elem
===
elem
.
ownerDocument
.
body
)
{
if
(
elem
===
elem
.
ownerDocument
.
body
)
return
jQuery
.
offset
.
bodyOffset
(
elem
);
return
jQuery
.
offset
.
bodyOffset
(
elem
);
}
var
box
=
elem
.
getBoundingClientRect
(),
doc
=
elem
.
ownerDocument
,
body
=
doc
.
body
,
docElem
=
doc
.
documentElement
,
var
box
=
elem
.
getBoundingClientRect
(),
doc
=
elem
.
ownerDocument
,
body
=
doc
.
body
,
docElem
=
doc
.
documentElement
,
clientTop
=
docElem
.
clientTop
||
body
.
clientTop
||
0
,
clientLeft
=
docElem
.
clientLeft
||
body
.
clientLeft
||
0
,
clientTop
=
docElem
.
clientTop
||
body
.
clientTop
||
0
,
clientLeft
=
docElem
.
clientLeft
||
body
.
clientLeft
||
0
,
top
=
box
.
top
+
(
self
.
pageYOffset
||
jQuery
.
support
.
boxModel
&&
docElem
.
scrollTop
||
body
.
scrollTop
)
-
clientTop
,
top
=
box
.
top
+
(
self
.
pageYOffset
||
jQuery
.
support
.
boxModel
&&
docElem
.
scrollTop
||
body
.
scrollTop
)
-
clientTop
,
left
=
box
.
left
+
(
self
.
pageXOffset
||
jQuery
.
support
.
boxModel
&&
docElem
.
scrollLeft
||
body
.
scrollLeft
)
-
clientLeft
;
left
=
box
.
left
+
(
self
.
pageXOffset
||
jQuery
.
support
.
boxModel
&&
docElem
.
scrollLeft
||
body
.
scrollLeft
)
-
clientLeft
;
return
{
top
:
top
,
left
:
left
};
return
{
top
:
top
,
left
:
left
};
};
};
}
else
{
else
jQuery
.
fn
.
offset
=
function
()
{
jQuery
.
fn
.
offset
=
function
()
{
var
elem
=
this
[
0
];
var
elem
=
this
[
0
];
if
(
!
elem
||
!
elem
.
ownerDocument
)
{
return
null
;
}
if
(
!
elem
||
!
elem
.
ownerDocument
)
return
null
;
if
(
elem
===
elem
.
ownerDocument
.
body
)
{
if
(
elem
===
elem
.
ownerDocument
.
body
)
return
jQuery
.
offset
.
bodyOffset
(
elem
);
return
jQuery
.
offset
.
bodyOffset
(
elem
);
}
jQuery
.
offset
.
initialize
();
jQuery
.
offset
.
initialize
();
var
offsetParent
=
elem
.
offsetParent
,
prevOffsetParent
=
elem
,
var
offsetParent
=
elem
.
offsetParent
,
prevOffsetParent
=
elem
,
...
@@ -29,45 +23,32 @@ if ( "getBoundingClientRect" in document.documentElement ) {
...
@@ -29,45 +23,32 @@ if ( "getBoundingClientRect" in document.documentElement ) {
top
=
elem
.
offsetTop
,
left
=
elem
.
offsetLeft
;
top
=
elem
.
offsetTop
,
left
=
elem
.
offsetLeft
;
while
(
(
elem
=
elem
.
parentNode
)
&&
elem
!==
body
&&
elem
!==
docElem
)
{
while
(
(
elem
=
elem
.
parentNode
)
&&
elem
!==
body
&&
elem
!==
docElem
)
{
if
(
jQuery
.
offset
.
supportsFixedPosition
&&
prevComputedStyle
.
position
===
"fixed"
)
{
break
;
}
if
(
jQuery
.
offset
.
supportsFixedPosition
&&
prevComputedStyle
.
position
===
"fixed"
)
break
;
computedStyle
=
defaultView
.
getComputedStyle
(
elem
,
null
);
computedStyle
=
defaultView
.
getComputedStyle
(
elem
,
null
);
top
-=
elem
.
scrollTop
;
top
-=
elem
.
scrollTop
,
left
-=
elem
.
scrollLeft
;
left
-=
elem
.
scrollLeft
;
if
(
elem
===
offsetParent
)
{
if
(
elem
===
offsetParent
)
{
top
+=
elem
.
offsetTop
;
top
+=
elem
.
offsetTop
,
left
+=
elem
.
offsetLeft
;
left
+=
elem
.
offsetLeft
;
if
(
jQuery
.
offset
.
doesNotAddBorder
&&
!
(
jQuery
.
offset
.
doesAddBorderForTableAndCells
&&
/^t
(
able|d|h
)
$/i
.
test
(
elem
.
tagName
))
)
top
+=
parseFloat
(
computedStyle
.
borderTopWidth
)
||
0
,
if
(
jQuery
.
offset
.
doesNotAddBorder
&&
!
(
jQuery
.
offset
.
doesAddBorderForTableAndCells
&&
/^t
(
able|d|h
)
$/i
.
test
(
elem
.
nodeName
))
)
{
top
+=
parseFloat
(
computedStyle
.
borderTopWidth
)
||
0
;
left
+=
parseFloat
(
computedStyle
.
borderLeftWidth
)
||
0
;
left
+=
parseFloat
(
computedStyle
.
borderLeftWidth
)
||
0
;
}
prevOffsetParent
=
offsetParent
,
offsetParent
=
elem
.
offsetParent
;
prevOffsetParent
=
offsetParent
,
offsetParent
=
elem
.
offsetParent
;
}
}
if
(
jQuery
.
offset
.
subtractsBorderForOverflowNotVisible
&&
computedStyle
.
overflow
!==
"visible"
)
if
(
jQuery
.
offset
.
subtractsBorderForOverflowNotVisible
&&
computedStyle
.
overflow
!==
"visible"
)
{
top
+=
parseFloat
(
computedStyle
.
borderTopWidth
)
||
0
,
top
+=
parseFloat
(
computedStyle
.
borderTopWidth
)
||
0
;
left
+=
parseFloat
(
computedStyle
.
borderLeftWidth
)
||
0
;
left
+=
parseFloat
(
computedStyle
.
borderLeftWidth
)
||
0
;
}
prevComputedStyle
=
computedStyle
;
prevComputedStyle
=
computedStyle
;
}
}
if
(
prevComputedStyle
.
position
===
"relative"
||
prevComputedStyle
.
position
===
"static"
)
{
if
(
prevComputedStyle
.
position
===
"relative"
||
prevComputedStyle
.
position
===
"static"
)
top
+=
body
.
offsetTop
;
top
+=
body
.
offsetTop
,
left
+=
body
.
offsetLeft
;
left
+=
body
.
offsetLeft
;
}
if
(
jQuery
.
offset
.
supportsFixedPosition
&&
prevComputedStyle
.
position
===
"fixed"
)
{
if
(
jQuery
.
offset
.
supportsFixedPosition
&&
prevComputedStyle
.
position
===
"fixed"
)
top
+=
Math
.
max
(
docElem
.
scrollTop
,
body
.
scrollTop
)
;
top
+=
Math
.
max
(
docElem
.
scrollTop
,
body
.
scrollTop
)
,
left
+=
Math
.
max
(
docElem
.
scrollLeft
,
body
.
scrollLeft
);
left
+=
Math
.
max
(
docElem
.
scrollLeft
,
body
.
scrollLeft
);
}
return
{
top
:
top
,
left
:
left
};
return
{
top
:
top
,
left
:
left
};
};
};
}
jQuery
.
offset
=
{
jQuery
.
offset
=
{
initialize
:
function
()
{
initialize
:
function
()
{
...
@@ -78,17 +59,14 @@ jQuery.offset = {
...
@@ -78,17 +59,14 @@ jQuery.offset = {
container
.
innerHTML
=
html
;
container
.
innerHTML
=
html
;
body
.
insertBefore
(
container
,
body
.
firstChild
);
body
.
insertBefore
(
container
,
body
.
firstChild
);
innerDiv
=
container
.
firstChild
;
innerDiv
=
container
.
firstChild
,
checkDiv
=
innerDiv
.
firstChild
,
td
=
innerDiv
.
nextSibling
.
firstChild
.
firstChild
;
checkDiv
=
innerDiv
.
firstChild
;
td
=
innerDiv
.
nextSibling
.
firstChild
.
firstChild
;
this
.
doesNotAddBorder
=
(
checkDiv
.
offsetTop
!==
5
);
this
.
doesNotAddBorder
=
(
checkDiv
.
offsetTop
!==
5
);
this
.
doesAddBorderForTableAndCells
=
(
td
.
offsetTop
===
5
);
this
.
doesAddBorderForTableAndCells
=
(
td
.
offsetTop
===
5
);
checkDiv
.
style
.
position
=
'fixed'
,
checkDiv
.
style
.
top
=
'20px'
;
checkDiv
.
style
.
position
=
'fixed'
,
checkDiv
.
style
.
top
=
'20px'
;
// safari subtracts parent border width here which is 5px
this
.
supportsFixedPosition
=
(
checkDiv
.
offsetTop
===
20
||
checkDiv
.
offsetTop
===
15
);
// safari subtracts parent border width here which is 5px
this
.
supportsFixedPosition
=
(
checkDiv
.
offsetTop
===
20
||
checkDiv
.
offsetTop
===
15
);
checkDiv
.
style
.
position
=
''
,
checkDiv
.
style
.
top
=
''
;
checkDiv
.
style
.
position
=
checkDiv
.
style
.
top
=
''
;
innerDiv
.
style
.
overflow
=
'hidden'
,
innerDiv
.
style
.
position
=
'relative'
;
innerDiv
.
style
.
overflow
=
'hidden'
,
innerDiv
.
style
.
position
=
'relative'
;
this
.
subtractsBorderForOverflowNotVisible
=
(
checkDiv
.
offsetTop
===
-
5
);
this
.
subtractsBorderForOverflowNotVisible
=
(
checkDiv
.
offsetTop
===
-
5
);
...
@@ -102,15 +80,11 @@ jQuery.offset = {
...
@@ -102,15 +80,11 @@ jQuery.offset = {
},
},
bodyOffset
:
function
(
body
)
{
bodyOffset
:
function
(
body
)
{
var
top
=
body
.
offsetTop
,
left
=
body
.
offsetLeft
;
jQuery
.
offset
.
initialize
();
jQuery
.
offset
.
initialize
();
var
top
=
body
.
offsetTop
,
left
=
body
.
offsetLeft
;
if
(
jQuery
.
offset
.
doesNotIncludeMarginInBodyOffset
)
{
if
(
jQuery
.
offset
.
doesNotIncludeMarginInBodyOffset
)
top
+=
parseFloat
(
jQuery
.
curCSS
(
body
,
'marginTop'
,
true
)
)
||
0
;
top
+=
parseFloat
(
jQuery
.
curCSS
(
body
,
'marginTop'
,
true
)
)
||
0
,
left
+=
parseFloat
(
jQuery
.
curCSS
(
body
,
'marginLeft'
,
true
)
)
||
0
;
left
+=
parseFloat
(
jQuery
.
curCSS
(
body
,
'marginLeft'
,
true
)
)
||
0
;
}
return
{
top
:
top
,
left
:
left
};
return
{
top
:
top
,
left
:
left
};
}
}
};
};
...
@@ -118,7 +92,7 @@ jQuery.offset = {
...
@@ -118,7 +92,7 @@ jQuery.offset = {
jQuery
.
fn
.
extend
({
jQuery
.
fn
.
extend
({
position
:
function
()
{
position
:
function
()
{
if
(
!
this
[
0
]
)
{
return
null
;
}
if
(
!
this
[
0
]
)
return
null
;
var
elem
=
this
[
0
],
var
elem
=
this
[
0
],
...
@@ -127,7 +101,7 @@ jQuery.fn.extend({
...
@@ -127,7 +101,7 @@ jQuery.fn.extend({
// Get correct offsets
// Get correct offsets
offset
=
this
.
offset
(),
offset
=
this
.
offset
(),
parentOffset
=
/^body|html$/i
.
test
(
offsetParent
[
0
].
node
Name
)
?
{
top
:
0
,
left
:
0
}
:
offsetParent
.
offset
();
parentOffset
=
/^body|html$/i
.
test
(
offsetParent
[
0
].
tag
Name
)
?
{
top
:
0
,
left
:
0
}
:
offsetParent
.
offset
();
// Subtract element margins
// Subtract element margins
// note: when an element has margin: auto the offsetLeft and marginLeft
// note: when an element has margin: auto the offsetLeft and marginLeft
...
@@ -147,13 +121,10 @@ jQuery.fn.extend({
...
@@ -147,13 +121,10 @@ jQuery.fn.extend({
},
},
offsetParent
:
function
()
{
offsetParent
:
function
()
{
return
this
.
map
(
function
(){
var
offsetParent
=
this
[
0
].
offsetParent
||
document
.
body
;
var
offsetParent
=
this
.
offsetParent
||
document
.
body
;
while
(
offsetParent
&&
(
!
/^body|html$/i
.
test
(
offsetParent
.
tagName
)
&&
jQuery
.
css
(
offsetParent
,
'position'
)
===
'static'
)
)
while
(
offsetParent
&&
(
!
/^body|html$/i
.
test
(
offsetParent
.
nodeName
)
&&
jQuery
.
css
(
offsetParent
,
'position'
)
===
'static'
)
)
{
offsetParent
=
offsetParent
.
offsetParent
;
offsetParent
=
offsetParent
.
offsetParent
;
return
jQuery
(
offsetParent
);
}
return
offsetParent
;
});
}
}
});
});
...
@@ -163,40 +134,36 @@ jQuery.each( ['Left', 'Top'], function(i, name) {
...
@@ -163,40 +134,36 @@ jQuery.each( ['Left', 'Top'], function(i, name) {
var
method
=
'scroll'
+
name
;
var
method
=
'scroll'
+
name
;
jQuery
.
fn
[
method
]
=
function
(
val
)
{
jQuery
.
fn
[
method
]
=
function
(
val
)
{
if
(
!
this
[
0
]
)
{
return
null
;
}
var
elem
=
this
[
0
],
win
;
if
(
!
elem
)
return
null
;
if
(
val
!==
undefined
)
{
if
(
val
!==
undefined
)
{
// Set the scroll offset
// Set the scroll offset
return
this
.
each
(
function
()
{
return
this
.
each
(
function
()
{
win
=
getWindow
(
this
);
win
=
getWindow
(
this
);
if
(
win
)
{
win
?
win
.
scrollTo
(
win
.
scrollTo
(
!
i
?
val
:
jQuery
(
win
).
scrollLeft
(),
!
i
?
val
:
jQuery
(
win
).
scrollLeft
(),
i
?
val
:
jQuery
(
win
).
scrollTop
()
i
?
val
:
jQuery
(
win
).
scrollTop
()
);
)
:
}
else
{
this
[
method
]
=
val
;
this
[
method
]
=
val
;
}
});
});
}
else
{
}
else
{
var
elem
=
this
[
0
],
win
=
getWindow
(
elem
);
win
=
getWindow
(
elem
);
// Return the scroll offset
// Return the scroll offset
return
win
&&
'pageXOffset'
in
win
?
return
win
?
(
'pageXOffset'
in
win
)
?
win
[
i
?
'pageYOffset'
:
'pageXOffset'
]
:
win
[
i
?
'pageYOffset'
:
'pageXOffset'
]
||
jQuery
.
support
.
boxModel
&&
win
.
document
.
documentElement
[
method
]
||
jQuery
.
support
.
boxModel
&&
win
.
document
.
documentElement
[
method
]
||
win
.
document
.
body
[
method
]
:
win
.
document
.
body
[
method
]
:
elem
[
method
];
elem
[
method
];
}
}
};
};
function
getWindow
(
elem
)
{
return
(
"scrollTo"
in
elem
&&
elem
.
document
)
?
elem
:
elem
.
nodeType
===
9
?
elem
.
defaultView
||
elem
.
parentWindow
:
false
;
}
});
});
function
getWindow
(
elem
)
{
return
(
"scrollTo"
in
elem
&&
elem
.
document
)
?
elem
:
(
elem
.
nodeName
===
"#document"
)
?
elem
.
defaultView
||
elem
.
parentWindow
:
false
;
}
test/unit/offset.js
View file @
cafd392a
...
@@ -128,7 +128,7 @@ testoffset("table", function( jQuery ) {
...
@@ -128,7 +128,7 @@ testoffset("table", function( jQuery ) {
// equals( jQuery('#td-3').offset().left, 222, "jQuery('#td-3').offset().left" );
// equals( jQuery('#td-3').offset().left, 222, "jQuery('#td-3').offset().left" );
});
});
testoffset
(
"scroll"
,
function
(
jQuery
)
{
testoffset
(
"scroll"
,
function
(
jQuery
,
win
)
{
var
ie
=
jQuery
.
browser
.
msie
&&
parseInt
(
jQuery
.
browser
.
version
)
<
8
;
var
ie
=
jQuery
.
browser
.
msie
&&
parseInt
(
jQuery
.
browser
.
version
)
<
8
;
// IE is collapsing the top margin of 1px
// IE is collapsing the top margin of 1px
...
@@ -138,6 +138,25 @@ testoffset("scroll", function( jQuery ) {
...
@@ -138,6 +138,25 @@ testoffset("scroll", function( jQuery ) {
// IE is collapsing the top margin of 1px
// IE is collapsing the top margin of 1px
equals
(
jQuery
(
'#scroll-1-1'
).
offset
().
top
,
ie
?
9
:
11
,
"jQuery('#scroll-1-1').offset().top"
);
equals
(
jQuery
(
'#scroll-1-1'
).
offset
().
top
,
ie
?
9
:
11
,
"jQuery('#scroll-1-1').offset().top"
);
equals
(
jQuery
(
'#scroll-1-1'
).
offset
().
left
,
11
,
"jQuery('#scroll-1-1').offset().left"
);
equals
(
jQuery
(
'#scroll-1-1'
).
offset
().
left
,
11
,
"jQuery('#scroll-1-1').offset().left"
);
// scroll offset tests .scrollTop/Left
equals
(
jQuery
(
'#scroll-1'
).
scrollTop
(),
5
,
"jQuery('#scroll-1').scrollTop()"
);
equals
(
jQuery
(
'#scroll-1'
).
scrollLeft
(),
5
,
"jQuery('#scroll-1').scrollLeft()"
);
equals
(
jQuery
(
'#scroll-1-1'
).
scrollTop
(),
0
,
"jQuery('#scroll-1-1').scrollTop()"
);
equals
(
jQuery
(
'#scroll-1-1'
).
scrollLeft
(),
0
,
"jQuery('#scroll-1-1').scrollLeft()"
);
// equals( jQuery('body').scrollTop(), 0, "jQuery('body').scrollTop()" );
// equals( jQuery('body').scrollLeft(), 0, "jQuery('body').scrollTop()" );
win
.
name
=
"test"
;
equals
(
jQuery
(
win
).
scrollTop
(),
1000
,
"jQuery(window).scrollTop()"
);
equals
(
jQuery
(
win
).
scrollLeft
(),
1000
,
"jQuery(window).scrollLeft()"
);
equals
(
jQuery
(
win
.
document
).
scrollTop
(),
1000
,
"jQuery(document).scrollTop()"
);
equals
(
jQuery
(
win
.
document
).
scrollLeft
(),
1000
,
"jQuery(document).scrollLeft()"
);
});
});
testoffset
(
"body"
,
function
(
jQuery
)
{
testoffset
(
"body"
,
function
(
jQuery
)
{
...
@@ -187,7 +206,7 @@ function testoffset(name, fn) {
...
@@ -187,7 +206,7 @@ function testoffset(name, fn) {
// continue
// continue
start
();
start
();
// call actual tests passing the correct jQuery isntance to use
// call actual tests passing the correct jQuery isntance to use
fn
.
call
(
this
,
win
.
jQuery
);
fn
.
call
(
this
,
win
.
jQuery
,
win
);
document
.
body
.
removeChild
(
iframe
);
document
.
body
.
removeChild
(
iframe
);
iframe
=
null
;
iframe
=
null
;
}
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment