Restore scroll position of a DIV over a postback

JezB · Jul 5, 2004

There are a few references on the net about how to restore a page's scroll
position over a postback. This is a simple one which works for me:
eg. http://www.devhood.com/messages/message_view-2.aspx?thread_id=104625

My question is : can the same thing be done to restore the scroll position
of a specific DIV within a page? I have a DIV section which scrolls
independently to the page :
<div style="vertical-align: top; height:200px; width:100%; overflow:auto;">
<asp

ataGrid runat="server" ...>
...
</asp

ataGrid>
</div>
On each postback it is scrolling back to the top. Very annoying to the user
if it's a click within the scroll area that causes the postback.

Could someone tell me how? My knowledge of javascript is almost zero.

JezB · Jul 5, 2004

Never mind. I found a way. For the record:

<body onload="javascript:scrollTo('scrollArea')" >
<form id="Form1" method="post" runat="server">
...
<div id="scrollArea onscroll="javascript:setScroll(this);"
runat="server" style="vertical-align: top; height:200px; width:100%;
overflow:auto;">
<asp

ataGrid runat="server" ...>
...
</asp

ataGrid>
</div>
<input type="hidden" id="scrollPos" name="scrollPos" value="0"
runat="server">
...
</form>
<script language="javascript">
function setScroll(val) {
document.Form1.scrollPos.value = val.scrollTop;
}
function scrollTo(what) {
document.getElementById(what).scrollTop =
document.Form1.scrollPos.value;
}
</script>
</body>

MA · Jul 5, 2004

Or you could use:

Page.SmartNavigation = true;

/Marre

JezB · Jul 5, 2004

Well, I did try that first, obviously.
But it didn't work.

JezB · Jul 5, 2004

Well, it did work partly : if the control which causes the postback is in
the scrollable DIV it does rescroll far enough to focus on it if I turn
smart navigation on, but not EXACTLY to the same scroll position (so user
sees it jump from middle to bottom, for example). Also, if the control which
caused the postback was outside the scrollable area it always scrolled
itself back to the top. Therefore I had to come up with a better solution.

Edward · Jul 5, 2004

try this one, http://www.strengthtechnologies.com/scroll/

someone answered in this newsgroup, I tried it just now, it works very well,
except a bit shake in the page.

hope it's exciting for you.

Restore scroll position of a DIV over postbacks	1	Jul 2, 2004
Put image over the top of another image on hover	3	Feb 7, 2020
Reset scroll position on AJAX postback	3	May 19, 2008
Keep Scroll Position After Postback.	2	Oct 21, 2005
How to: set div scroll position on page load	3	Jun 19, 2009
Panel scroll position reset on postback	3	Sep 24, 2005
scroll position	6	Nov 9, 2005
Need assistance finetuning HTML, CSS, Javascript - sticky header issue	3	Feb 25, 2022

Restore scroll position of a DIV over a postback

JezB

JezB

MA

JezB

JezB

Edward

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads