Question

如果我的HTML中有这个锚点：

<a name="MOVEHERE"></a>

我有Button1。如何按Button1将页面移动到MOVEHERE锚定位置

Answer 1

将输入放在一个标记中，该标记href到#movehere DEMO

<a href="#movehere">
   <input type="button" id="button1" value="button1" />
</a>



<a name="MOVEHERE" href="#" id="movehere">move here</a>

Answer 2

使用锚点代替按钮并应用css之类的按钮。并添加属性href =“movehere”，这将解决您的问题

Answer 3

    <head>
    <script src="http://code.jquery.com/jquery-latest.min.js"type="text/javascript"></script>
    <title></title>
</head>
<body>
    <input type="button" id="but_move" value="ClickToMove" />
    <br />
    Top Of The Page
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <a id="MOVEHERE">MOVEHERE</a>
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    Bottom of The Page
    <script>
        $("#but_move").click(function () {
            $('html, body').animate({
                scrollTop: $("#MOVEHERE").offset().top
            }, 2000);
        });

    </script>
</body>

基于锚点定位页面的按钮（C＃）

3 个答案: