Auto scroll and navigate to asp.net div

Question

In my aspx ,

<div id="commentDiv" runat="server">
<%# Eval("myComment")%>
</div>

At the start of this page loading , I want to auto scroll and navigate to this DIV .
How can i do that ?

Reference this link > http://stackoverflow.com/questions/635706/how-to-scroll-to-an-element-inside-a-div — zey, Apr 03 '13 at 04:54

Freelancer · Answer 1 · 2013-04-03T05:00:38.410

Refer following code:

<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true"
            ScriptMode="Release" />
        <script type="text/javascript">
            var xPos, yPos;
            var param = Sys.WebForms.PageRequestManager.getInstance();
            function BeginRequestHandler(sender, args) {
                if ($get('<%=divMessages.ClientID%>') != null) {
                    xPos = $get('<%=divMessages.ClientID%>').scrollLeft;
                    yPos = $get('<%=divMessages.ClientID%>').scrollTop;
                }
            }
            function EndRequestHandler(sender, args) {
                if ($get('<%=divMessages.ClientID%>') != null) {
                    xPos = $get('<%=divMessages.ClientID%>').scrollLeft = xPos;
                    yPos = $get('<%=divMessages.ClientID%>').scrollTop = yPos;
                }
            }
            param.add_beginRequest(BeginRequestHandler);
            param.add_endRequest(EndRequestHandler);
        </script>

This is important link for this issue:

http://basgun.wordpress.com/2008/06/09/maintain-scroll-position-updatepanel-postback/

Hope its helpful.

Alex · Answer 2 · 2013-04-03T05:03:32.390

0

See http://www.aspdotnet-suresh.com/2012/10/jquery-scroll-to-particular-div.html#middle jquery based function to scroll to specific div by the href tag, which is right above the div. You can add this function in your pageLoad

edited Apr 03 '13 at 05:03

answered Apr 03 '13 at 04:56

Alex

8,827
3
42
58

score 0 · Answer 3 · answered Apr 03 '13 at 05:00

0

The easiest way is to have a link when the user press on it, it scroll him to this div.

In your browser side just add <a name="BottomOfThePage"></a> around the div. And make the link look like this <a href="#BottomOfThePage">Link</a>

answered Apr 03 '13 at 05:00

7alhashmi

924
7
24

@RobertBellamy Please chack my answer if its suit you. Thanks – 7alhashmi Apr 03 '13 at 05:07

Auto scroll and navigate to asp.net div

3 Answers3