Question

126

Maintain scroller position on Div after page postback (ASP.NET)

rated 0 times [ 127] [ 1] / answers: 1 / hits: 28556 / 15 Years ago, sun, july 26, 2009, 12:00:00

I have a div as such:

<div style=overflow-y: scroll; height: 260px>

I contains a few hundred records and allows me to select an item to populate a formview control below it.

The problem is that when the page posts-back, the scroller position goes back to the top of the div. I want to try and maintain its position so that the selected record is still visible.

Any ideas?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

zahrafrancisr

Add To Favorites

Follow

Total Points: 176

Total Questions: 105

Total Answers: 99

Location: Svalbard and Jan Mayen

Member since Sun, Sep 25, 2022

2 Years ago

zahrafrancisr questions

1 Display a Swiper slider when clicking a thumbnail in a gallery

Fri, Mar 19, 21, 00:00, 3 Years ago

1 Confirming Password is still displaying Passwords do not match even when passwords do match

Mon, Dec 28, 20, 00:00, 3 Years ago

1 How to add regular expression to filter out the xhr URL in Cypress

Wed, Nov 11, 20, 00:00, 4 Years ago

1 What are some JS library alternatives for Animate On Scroll (aos)?

Mon, Aug 31, 20, 00:00, 4 Years ago

1 How to pass array of objects in angular app from one component to another component

Fri, Jul 17, 20, 00:00, 4 Years ago

View All

answered 15 Years ago americar · Accepted Answer

Place something like:

 <asp:HiddenField id=hdnScrollPos runat=server/> in your aspx.

Then, some javascript like:

var hdnScroll = document.getElementById(<%=hdnScrollPos.ClientID%>);

var bigDiv = document.getElementById('bigDiv');

bigDiv.onscroll = function() {

     hdnScroll.value = bigDiv.scrollTop;

}



window.onload = function () { 

    bigDiv.scrollTop = hdnScroll.value;

}