how to set focus to a specific section when the page loads and make the browser scroll to that position
<p>I am working with aps.net and vb.net</p>

<p>In my application after submitting the web form (<strong>application.aspx</strong>) users are redirected into another (<strong>application_complete.aspx</strong>) page .</p>

<p>The webform in  application.aspx page is very long. and user has to scroll down a lot to complete the form and submit. Problem is after submitting the the form (appplication.aspx) the application_complete.aspx page also becomes very long (same size as the application.aspx) although there is not much content in it and makes the browser automatically position at same place (bottom of the page). Therefore user has to scroll up to read the message. which is very irritating for the users. (see picures)</p>

<p><strong>picture1 : (appplication.aspx)</strong>
<a href="https://i.stack.imgur.com/WR63u.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WR63u.png" alt="enter image description here"></a></p>

<p><strong>picture2: application_complete.aspx</strong>
<a href="https://i.stack.imgur.com/kF9c6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kF9c6.png" alt="enter image description here"></a></p>

<p><strong>What I require</strong>
I want to make  the page (application_complete.aspx) position at the top of the page when it loads and set focus at the message section of that page.</p>

<p>This is my application_complete.aspx page code</p>

<pre><code>&lt;%@ Page Title="" Language="VB" MasterPageFile="~/c/MasterPage.master" AutoEventWireup="false" CodeFile="application-complete.aspx.vb" Inherits="c_application_complete" %&gt;
&lt;%@ MasterType VirtualPath="~/c/MasterPage.master" %&gt;
&lt;asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"&gt;
&lt;/asp:Content&gt;
&lt;asp:Content ID="Content2" ContentPlaceHolderID="mainContent" Runat="Server"&gt;


&lt;h2&gt;Thank you! we have now received your application&lt;/h2&gt;

&lt;div class="btn-wrapper"&gt;
    &lt;a target="_parent" href="&lt;%= Master.EmployerCareersHome %&gt;" class="btn v-view-all"&gt;View other open positions&lt;/a&gt;
&lt;/div&gt;

&lt;/asp:Content&gt;
</code></pre>

<p>and this is my application_complete.aspx.vb code</p>

<pre><code>Partial Class c_application_complete
    Inherits System.Web.UI.Page

End Class
</code></pre>

<p>I have tried adding the following script in application_complete.aspx page and by giving a id to the div section.</p>

<pre><code>&lt;asp:Content ID="Content3" ContentPlaceHolderID="ScriptContent" runat="server"&gt;
&lt;script type="text/javascript"&gt;
    $(document).ready(function() {
         $("#&lt;%= dvbtn.ClientID %&gt;").focus();

    });
&lt;/script&gt;

&lt;/asp:Content&gt;
</code></pre>

<p>and in application_complete.aspx.vb page. </p>

<pre><code>    Protected Sub PageLoad(ByVal sender As Object, ByVal e As EventArgs)

         Page.SetFocus(dvbtn)

    End Sub
</code></pre>

<p>but thats not working.</p>

<p>For your information</p>

<ol>
<li><p>the whole webform and its all functionality is in a iframe .is it possible to make  parent web page scroll to a specific position (at the top) from an iframe. </p></li>
<li><p>Though there is not much content in application_complete page still because of long form (in application.aspx page) this page(application_complete) also becomes long.and if someone refreshes it then the page gets back to its original size and focuses on the top position. but refreshing causes the re submission of the form so can't do that.</p></li>
</ol>

<p>Looking forward to your help.</p>