storing scroll position in hdden field

jason · Jul 15, 2005

Hello.

I'm working with ASP.NET serverside and am looking for an easy way to
retain scroll position of the window.

Is there any way that a hidden form field could *always* have the
current document.scrolltop value set to it? Especially right before any
posting to the server is done.

I'm using asp.net datagrid code that does not give me any easy way to
tie javascript functions to controls - otherwise this might be easier.

Basically I guess I need grab to document.scrolltop and send it to the
server (so that I can return it when redering the page onload). But
<body onunload=> does not seem to work with my asp controls.

THANKS IN ADVANCE FOR ANY HELP OR INFORMATION!!!

Yann-Erwan Perio · Jul 15, 2005

(e-mail address removed) wrote:

Hi,

I'm working with ASP.NET serverside and am looking for an easy way to
retain scroll position of the window.

Is there any way that a hidden form field could *always* have the
current document.scrolltop value set to it? Especially right before any
posting to the server is done.

To always have it is different than to have it when the post is done

If you only require it with the posting, then check the following.

---
<style type="text/css">
#foo {
width: 1500px;
height: 1500px;
position:absolute;
padding:50% 0 0 50%;
}
</style>

<div id="foo">
<form action="foo" onsubmit="return primaryHandler(event)">
<input type="text" name="scrollPos">
<input type="submit">
</form>
</div>

<script type="text/javascript">
(function(){

function getCompatModeElement(){
var func;
if(
document.compatMode &&
document.compatMode.indexOf("CSS")!=-1 &&
document.documentElement
){
func=function(){return document.documentElement;}
} else if(document.body) {
func=function(){return document.body;}
} else {
func=function(){return null;}
}
return (getCompatModeElement=func)();
}

function getScrollPos(){
var func;
if(typeof window.pageYOffset=="number") {
func=function(){
return {x:window.pageXOffset, y:window.pageYOffset};
}
} else {
var c=getCompatModeElement();
if(c){
func=function(){
return {x:c.scrollLeft, y:c.scrollTop};
}
} else {
func=function(){
return {x:-1, y:-1};
}
}
}
return (getScrollPos=func)();
}

function saveScrollPos(frm){
var p=getScrollPos();
frm.elements["scrollPos"].value=p.x+","+p.y;
return true;
}

// define the handler
var frm=document.forms[0];
frm.onsubmit=(function(p){
return function(evt){
return saveScrollPos(this) && p ? p(evt) : true;
}
})(frm.onsubmit);
})();

// normal handler
function primaryHandler(evt){return false; /*anything*/}
</script>

Reload parent while maintaining current scroll position.	2	May 14, 2008
Maintain a Div's Scroll Position After refresh	5	Apr 24, 2008
Reset scroll position	6	Feb 12, 2007
restoring scroll position	2	Dec 5, 2005
Menu Tree Scroll Position after onclick	4	Oct 14, 2007
Mouse position in both fixed and relative positioning	2	May 17, 2011
page scroll position	2	Dec 3, 2004
Auto scroll to correct position?	1	Jul 30, 2004

storing scroll position in hdden field

jason

Yann-Erwan Perio

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads