如何向下滚动页面以查看单击的链接中的 div答案

【问题标题】：How to scroll down the page to view a div in a link clicked如何向下滚动页面以查看单击的链接中的 div
【发布时间】：2013-01-19 07:28:55
【问题描述】：

在我的 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。有人可以解释如何做到这一点。提前谢谢....

【问题讨论】：

标签： javascript jquery html focus

【解决方案1】：

要仅使用HTML，您可以使用锚标记。

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

那么您的链接将如下：<a href="#form">Click here to sign up</a>

说明：该链接指向带有id 的form 的a 锚标记。

【讨论】：

这也与之前的答案一样...非常感谢

【解决方案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>

【讨论】：

【解决方案3】：

通过使用简单的 HTML，使用锚标记，您可以将页面滚动到您的 SignUp div。 href 中的“#”用于在页面内重定向。希望这会有所帮助

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


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

【讨论】：