Forum Moderators: open
<HTML>
<HEAD>
<TITLE>GET / SET SCROLL</TITLE>
<script language="JavaScript" type="text/JavaScript">
function getScrollPosition() {
var scrOfX = 0, scrOfY = 0;
if( typeof( window.pageYOffset ) == 'number' ) {
//Netscape compliant
scrOfY = window.pageYOffset;
scrOfX = window.pageXOffset;
} else if( document.body && ( document.body.scrollLeft ¦¦ document.body.scrollTop ) ) {
//DOM compliant
scrOfY = document.body.scrollTop;
scrOfX = document.body.scrollLeft;
} else if( document.documentElement && ( document.documentElement.scrollLeft ¦¦ document.documentElement.scrollTop ) ) {
//IE6 standards compliant mode
scrOfY = document.documentElement.scrollTop;
scrOfX = document.documentElement.scrollLeft;
}
return {"top":scrOfY, "left":scrOfX};
}
function setScrollPosition(scrOfY,scrOfX) {
if( typeof( window.pageYOffset ) == 'number' ) {
//Netscape compliant
window.pageYOffset=scrOfY;
window.pageXOffset=scrOfX;
} else if( document.body && ( document.body.scrollLeft ¦¦ document.body.scrollTop ) ) {
//DOM compliant
document.body.scrollTop=scrOfY;
document.body.scrollLeft=scrOfX;
} else if( document.documentElement && ( document.documentElement.scrollLeft ¦¦ document.documentElement.scrollTop ) ) {
//IE6 standards compliant mode
document.documentElement.scrollTop=scrOfY;
document.documentElement.scrollLeft=scrOfX;
}
}
</script>
</HEAD>
<BODY bgColor=#ffffff>
<button onclick="alert('top: ' + getScrollPosition()['top'] + ', left: ' + getScrollPosition()['left'])">Get Scroll Position</button><br>
<button onclick="setScrollPosition('100','0')">Set Scroll Position 100,0</button><br>
<TABLE align=center border=1 borderColor=#000000 cellPadding=0 cellSpacing=0 height=400 width="50%">
<TR>
<TD align=middle class=bodycolor colSpan=2>
Line1<br>
Line2<br>
Line3<br>
Line4<br>
Line5<br>
Line6<br>
Line7<br>
Line8<br>
Line9<br>
Line10<br>
<button onclick="alert('top: ' + getScrollPosition()['top'] + ', left: ' + getScrollPosition()['left'])">Get Scroll Position</button><br>
Line11<br>
Line12<br>
Line13<br>
Line14<br>
Line15<br>
Line16<br>
Line17<br>
Line18<br>
Line19<br>
Line20<br>
<button onclick="alert('top: ' + getScrollPosition()['top'] + ', left: ' + getScrollPosition()['left'])">Get Scroll Position</button><br>
Line31<br>
Line32<br>
Line33<br>
Line34<br>
Line35<br>
Line36<br>
Line37<br>
Line38<br>
Line39<br>
Line40<br>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
if (window.scrollTo) window.scrollTo(x,y);
Besides of that, if you want to rely on the DOM methods, then you may need to define a proper DOCTYPE [google.com] for your html document, because in quirks mode browsers have quite unreliable support for the DOM.
