如何向下滾動頁面以查看點擊鏈接中的div

Question

在我的html頁面中，存在註冊鏈接和包含註冊表單的div。

<a href="index.html"><img src="images/logo2.png" alt="LOGO"></a> 


<div> 
      <form method="POST" action="signup.php"> 
       <table> 
        <tr> 
         <td>First Name</td> 
         <td><input type="text" name="fname"></input></td> 
        </tr> 
        <tr> 
         <td>Last Name</td> 
         <td><input type="text" name="lname"></input></td> 
        </tr> 
        <tr> 
         <td>Email</td> 
         <td><input type="text" name="email"></input></td> 
        </tr> 
        <tr> 
         <td>Re-enter Email</td> 
         <td><input type="text" name="remail"></input></td> 
        </tr> 
        <tr> 
         <td>Password</td> 
         <td><input type="password" name="pwd"></input></td> 
        </tr> 
        <tr> 
         <td>Confirm Password</td> 
         <td><input type="text" name="cpwd"></input></td> 
        </tr> 
        <tr> 
         <td>Birthday</td> 
         <td><input type="text" name="bday"></input></td> 
        </tr> 
        <tr> 
         <td>Sex</td> 
         <td><input type="text" name="sex"></input></td> 
        </tr> 
        <tr> 
         <td><input type="submit" value="Signup"></input></td> 
         <td><input type="button" value="Cancel"></input></td> 
        </tr> 
       </table> 
      </form> 
     </div> 

當用戶點擊註冊鏈接時，我需要向下滾動到div。 有人可以解釋如何做到這一點。 Thanx預先....

Answer 1

要使用只是HTML，您可以使用錨標記。

<div><a id='form'></a> 
    <form method="POST" action="signup.php"> 
    ... 
</div> 

那麼你的鏈接將是以下幾點：<a href="#form">Click here to sign up</a>

說明：鏈接去與form的id的a錨標記。

Answer 2

使用下，

<a href="index.html"><img src="images/logo2.png" alt="LOGO"></a> 
<a href="#test">Sign Up</a> 


<div id="test"> 
      <form method="POST" action="signup.php"> ... </form> 
</div> 

Answer 3

通過使用簡單的HTML，使用錨標記，你可以滾動頁面到您的註冊股利。 href中的「＃」用於在頁面內重定向。 希望這有助於

<a href="#mySignUpDiv">Sign Up</a> 


<div id="mySignUpDiv"> 
</div>