ansaurus

Question

Maintain scroll position of a div within a page on postback

Answer 1

+1 A:

The easiest way is to wrap the control in an UpdatePanel.

Ben Griswold 2009-07-07 21:04:02

Quick, but very dirty ;-)

AdamRalph 2009-07-07 21:08:44

Answer 2

A:

What happens when the link buttons are pressed? What processing occurs during the postback?

Depending on the answers to those questions, you may want to investigate getting rid of the postback altogether and performing the necessary operations purely client-side.

(I am currently performing this kind of conversion for a client.)

AdamRalph 2009-07-07 21:07:25

When the link button is pressed, it populates a graph control present on the page. Looks like performing it on the client side seems like the best approach

Nikhil 2009-07-07 21:16:04

Answer 3

+1 A:

One way to do it is to capture, in the onscroll event of the div, the values from the scrollLeft and scrollTop properties. Save those values in a hidden text box(es). On post back, use the values from the text boxes to reset the properties.

Jeff Siver 2009-07-07 21:15:00

Answer 4

+3 A:

As Jeff S mentioned one way to handle this situation is using javascript to track the scroll position of the div and each time the page loads reset the scroll position to its previous value.

Here's some sample code:

<html>
<body onload="javascript:document.getElementById('div1').scrollTop = document.getElementById('scroll').value;">
    <form id="form1" runat="server">
    <input type="hidden" id="scroll" runat="server" />
    <div id="div1" style="overflow: auto; height: 100px;" onscroll="javascript:document.getElementById('scroll').value = this.scrollTop">
        ...........<br />
        ...........<br />
        ...........<br />
        ...........<br />
        ...........<br />
        ...........<br />
        ...........<br />
        ...........<br />
        ...........<br />
        ...........<br />
        ...........<br />
        ...........<br />
        <asp:LinkButton ID="LinkButton1" runat="server" Text="test2"></asp:LinkButton>
    </div>
    <asp:LinkButton ID="LinkButton2" runat="server" Text="test1"></asp:LinkButton>
    </form>
</body>
</html>

In practice I wouldn't put the javascript directly in the elements but its just an example. You could also store the scroll position in a cookie instead.

joshb 2009-07-08 13:51:05

ansaurus

tags:

views:

answers:

Maintain scroll position of a div within a page on postback

related questions