What's the proper way to get the position of an element on the page relative to the viewport (rather than the document).
offsety/x seemed promising:
http://docs.jquery.com/CSS/offset
But that's relative to the document. Is there an equivalent method that returns offsets relative to the viewport?
Source: Tips4all
Look into the Dimensions plugin, specifically scrollTop()/scrollLeft(). Information can be found at http://docs.jquery.com/Plugins/dimensions/scrollTop.
ReplyDeleteHere are two functions to get the page height and the scroll amounts (x,y) without the use of the (bloated) dimensions plugin:
ReplyDelete// getPageScroll() by quirksmode.com
function getPageScroll() {
var xScroll, yScroll;
if (self.pageYOffset) {
yScroll = self.pageYOffset;
xScroll = self.pageXOffset;
} else if (document.documentElement && document.documentElement.scrollTop) {
yScroll = document.documentElement.scrollTop;
xScroll = document.documentElement.scrollLeft;
} else if (document.body) {// all other Explorers
yScroll = document.body.scrollTop;
xScroll = document.body.scrollLeft;
}
return new Array(xScroll,yScroll)
}
// Adapted from getPageSize() by quirksmode.com
function getPageHeight() {
var windowHeight
if (self.innerHeight) { // all except Explorer
windowHeight = self.innerHeight;
} else if (document.documentElement && document.documentElement.clientHeight) {
windowHeight = document.documentElement.clientHeight;
} else if (document.body) { // other Explorers
windowHeight = document.body.clientHeight;
}
return windowHeight
}