Почему следующий код прокручивает страницу вниз?

Question

Это код. В основном это добавляет форму регистрации на странице:

var currentTime = new Date($.now()) 
$(panel).addClass('panel-logged-out') 

//this -> $('.am-signup').html('<div class="am-info alert-box secondary">Please sign-in to your CLO account.</div><div class="am-popup" style="top: 596px; left: 0px;"> <div class="am-popup-header"> <a href="javascript:" class="am-popup-close-icon am-popup-close"></a> <div class="am-popup-title"></div></div><div class="am-popup-content"><div id="ajax-link" style="display: block;"><div class="am-layout-two-coll"> <div class="am-layout-two-coll-top"></div><div class="am-coll-left"> <div class="am-coll-content"> <div class="am-form am-login-form"> <form name="login" method="post" action="/amember/login"> <fieldset> <legend> Member Login </legend> <div class="_row" id="recaptcha-_row" style="display: none;" data-recaptcha-theme="red"> <div class="element-title" style="display:none;"></div><div class="element am-element-recaptcha" id="recaptcha-element"> </div></div><div class="_row"> <div class="element-title"> <label class="element-title" for="login"> E-Mail Address </label> </div><div class="element"> <input type="text" id="login" name="amember_login" size="15" value="" autofocus="autofocus"> </div></div><div class="_row"> <div class="element-title"> <label class="element-title" for="pass"> Password </label> </div><div class="element"> <input type="password" id="pass" name="amember_pass" size="15"> </div></div><div class="_row"> <div class="element-title"> <label class="element-title" for="remember"> Remember my password? </label> </div><div class="element"> <input type="checkbox" name="remember_login" value="1"> </div></div><div class="_row"> <div class="element"> <input class="button" type="submit" value="Login"> </div></div></fieldset> <input type="hidden" name="login_attempt_id" value="' + currentTime + '"><input type="hidden" name="amember_redirect_url" value="/amember/signup"> </form> </div></div></div><div class="am-coll-right"> <div class="am-coll-content"> <div class="am-form am-sendpass-form"> <form name="sendpass" method="post" action="/amember/sendpass"> <fieldset> <legend> Lost password?</legend> <div class="_row"> <div class="element-title"> <label for="sendpass"> Enter your E-Mail Address </label> </div><div class="element"> <input type="text" name="login" id="sendpass" size="15"> </div></div><div class="_row"> <div class="element"> <input class="button" type="submit" value="Get Password"> </div></div></fieldset> </form> </div></div></div><div class="am-layout-two-coll-bottom"></div></div></div></div></div>') 

По какой-то причине это делает страницы прокрутки в форме, и проблема исчезает, если я комментирую код из. В чем может быть проблема?

Это живой сайт: http://www.chineselearnonline.com/amember/signup/fullcourse

EDIT:

Вот отформатирован версия комментировал код:

Не уверен, что если у него есть что-то делать с ним, хотя.

<div class="am-info alert-box secondary">Please sign-in to your CLO account.</div> 
<div class="am-popup" style="top: 596px; left: 0px;"> 
    <div class="am-popup-header"> 
     <a href="javascript:" class="am-popup-close-icon am-popup-close"></a> 
     <div class="am-popup-title"></div> 
    </div> 
    <div class="am-popup-content"> 
     <div id="ajax-link" style="display: block;"> 
      <div class="am-layout-two-coll"> 
       <div class="am-layout-two-coll-top"></div> 
       <div class="am-coll-left"> 
        <div class="am-coll-content"> 
         <div class="am-form am-login-form"> 
          <form name="login" method="post" action="/amember/login"> 
           <fieldset> 
            <legend> Member Login </legend> 
            <div class="_row" id="recaptcha-_row" style="display: none;" data-recaptcha-theme="red"> 
             <div class="element-title" style="display:none;"></div> 
             <div class="element am-element-recaptcha" id="recaptcha-element"> </div> 
            </div> 
            <div class="_row"> 
             <div class="element-title"> 
              <label class="element-title" for="login"> E-Mail Address </label> 
             </div> 
             <div class="element"> 
              <input type="text" id="login" name="amember_login" size="15" value="" autofocus="autofocus"> </div> 
            </div> 
            <div class="_row"> 
             <div class="element-title"> 
              <label class="element-title" for="pass"> Password </label> 
             </div> 
             <div class="element"> 
              <input type="password" id="pass" name="amember_pass" size="15"> </div> 
            </div> 
            <div class="_row"> 
             <div class="element-title"> 
              <label class="element-title" for="remember"> Remember my password? </label> 
             </div> 
             <div class="element"> 
              <input type="checkbox" name="remember_login" value="1"> </div> 
            </div> 
            <div class="_row"> 
             <div class="element"> 
              <input class="button" type="submit" value="Login"> </div> 
            </div> 
           </fieldset> 
           <input type="hidden" name="login_attempt_id" value="' + currentTime + '"> 
           <input type="hidden" name="amember_redirect_url" value="/amember/signup"> </form> 
         </div> 
        </div> 
       </div> 
       <div class="am-coll-right"> 
        <div class="am-coll-content"> 
         <div class="am-form am-sendpass-form"> 
          <form name="sendpass" method="post" action="/amember/sendpass"> 
           <fieldset> 
            <legend> Lost password?</legend> 
            <div class="_row"> 
             <div class="element-title"> 
              <label for="sendpass"> Enter your E-Mail Address </label> 
             </div> 
             <div class="element"> 
              <input type="text" name="login" id="sendpass" size="15"> </div> 
            </div> 
            <div class="_row"> 
             <div class="element"> 
              <input class="button" type="submit" value="Get Password"> </div> 
            </div> 
           </fieldset> 
          </form> 
         </div> 
        </div> 
       </div> 
       <div class="am-layout-two-coll-bottom"></div> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

Автофокус?

Если поставить автофокусировку в поле ввода имени пользователя, браузер делает автофокусировку inmediately

<input .... autofocus="autofocus"> 

Удалите ее, и она работает.