Maintain scroll position on postback

I have a aspx page that has controls nested in UpdatePanels where I need to maintain scroll position across postbacks. The page is inside a Master page, with  one main UpdatePanel, then an Ajax Tab Container. Inside the TabContainer is a gridview nested inside another gridview. I need to maintain scroll position in the inner gridview.

I have tried smartNavigation="true" maintainScrollPositionOnPostBack="true" in the page and in the web.config. I have also tried various JavaScript solutions that I have found. Nothing seems to affect the scroll at all. If I the page is visible above the TabContainer on scrolling, the page will go back to that point. If I click on items in the gridview with only the gridview visible on scrolling, it scrolls to the top of the TabContainer. The page knows it's in the TabContainer control, but not it's position.

This is the current JavaScript solution that I am trying, but again nothing seems to change the behavior.

<script type="text/javascript">
    //-------------------------------------------------------//
    // Maintain scroll position in given element or control
    //------------------------------------------------------//
    var xInputPanel, yInputPanel;
    var xProductPanel, yProductPanel;
    var prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_beginRequest(BeginRequestHandler);
    prm.add_endRequest(EndRequestHandler);
    function BeginRequestHandler(sender, args) {
        yInputPanel = $get('<%=gvManAcctNumr.ClientID%>').scrollLeft;
        yProductPanel = $get('<%=gvManAcctNumr.ClientID%>').scrollTop;
    }
    function EndRequestHandler(sender, args) {
        $get('<%=gvManAcctNumr.ClientID%>').scrollLeft = yInputPanel;
        $get('<%=gvManAcctNumr.ClientID%>').scrollTop = yProductPanel;
    }
</script

Open in new window

>
I have tried using various controls (TabContainer, TabPanels, Gridview, etc.) in the above code, but nothing changes. Has anybody done something like this or is it not possible?

It's very annoying to click on an item in a list of 50 and have it jump back the top of the page because the user has to scroll down to process the next item.
LVL 18
Jerry MillerAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Jerry MillerAuthor Commented:
OK, so I wrapped the contents of the TabPanel in an UpdatePanel so it is only doing a partial postback and it now works. Something so simple and I have been beating my head against a wall all day on this one.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
.NET Programming

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.