Maintain Panel Scroll Position On Postback in ASP.NET

Question

0.00/5 (No votes)

See more:

Not find any solution till Now.
Hi Experts,
I am facing a problem.I have a asp.net page. I want to apply Maintain scroll position on this page. I have used

C#

MaintainScrollPositionOnPostback="true"

by all tree types (on cs,aspx and in web config) and many other Javascript functions (after googled).but no java script function works for me. If anyone have an Idea about how I Maintain my Scroll Position on my page .Please help Me. I googled a lots but not found any solution till now ..for example I used functions of java scripts like...

C#

<form id="form1"  runat="server">
  <asp:ScriptManager ID="ScriptManager1" runat="server" ScriptMode="Release" />
   <script type="text/javascript">    
      var xPos, yPos;
      var prm = Sys.WebForms.PageRequestManager.getInstance();

      function BeginRequestHandler(sender, args) {
        if ($get('<%=Panel1.ClientID%>') != null) {         
          xPos = $get('<%=Panel1.ClientID%>').scrollLeft;
          yPos = $get('<%=Panel1.ClientID%>').scrollTop;
        }
     }

     function EndRequestHandler(sender, args) {
         if ($get('<%=Panel1.ClientID%>') != null) {       
           $get('<%=Panel1.ClientID%>').scrollLeft = xPos;
           $get('<%=Panel1.ClientID%>').scrollTop = yPos;
         }
     }
     prm.add_beginRequest(BeginRequestHandler);
     prm.add_endRequest(EndRequestHandler);
 </script>

 <asp:UpdatePanel ID="UpdatePanel1" runat="server">
   <ContentTemplate>
     <asp:Panel ID="Panel1" runat="server" Height="300">
        <----"my html table code here which have drop down,textbox,radiobutton,button etc controls"----->
     </asp:Panel>
   </ContentTemplate>
 </asp:UpdatePanel>
and many othes functions.

Thanks

</form>

Posted 17-Jul-14 0:41am

ErBhati

Updated 10-Aug-14 21:53pm

v5

Add a Solution

3 solutions

Solution 1

Rfer this link
http://aspsnippets.com/Articles/Maintain-Scroll-Position-of-DIV-on-PostBack-in-ASPNet.aspx

Posted 17-Jul-14 1:38am

pradiprenushe

Updated 17-Jul-14 2:13am

Comments

ErBhati 17-Jul-14 8:05am

I have already Used this but not works for me..Thanks for reply

pradiprenushe 17-Jul-14 8:30am

Which browser?

pradiprenushe 17-Jul-14 8:34am

Run code on IE & debug.

ErBhati 17-Jul-14 8:46am

Chrome and mozilla...

pradiprenushe 17-Jul-14 8:53am

Demo works on both browser can you provide your design code?

Solution 2

Put this JavaScript code in your page.

C#

<script type="text/javascript">
        //This is to maintain scroll position after postback
        window.onload = function () {
            var scrollY = parseInt('<%=Request.Form["scrollY"] %>');
            if (!isNaN(scrollY)) {
                window.scrollTo(0, scrollY);
            }
        };
        window.onscroll = function () {
            var scrollY = document.body.scrollTop;
            if (scrollY == 0) {
                if (window.pageYOffset) {
                    scrollY = window.pageYOffset;
                }
                else {
                    scrollY = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
                }
            }
            if (scrollY > 0) {
                var input = document.getElementById("scrollY");
                if (input == null) {
                    input = document.createElement("input");
                    input.setAttribute("type", "hidden");
                    input.setAttribute("id", "scrollY");
                    input.setAttribute("name", "scrollY");
                    document.forms[0].appendChild(input);
                }
                input.value = scrollY;
            }
        };
    </script>

Posted 10-Aug-14 23:05pm

jacobjohn196

Comments

ErBhati 11-Aug-14 5:44am

not works for me. Scroll always go to the top.

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

ErBhati · Accepted Answer · 2014-08-11T00:16:00

Solution 3

Just remove Update panel from my code..and works fine for me.

Thanks to all for reply.

Posted 11-Aug-14 0:16am

ErBhati