Question

我有以下Javascript代码。

加载页面后，它会滚动到正确的位置。当我点击链接运行该功能时，页面会滚动到页面顶部。

我该如何解决这个问题？

<html>
    <head>
        <script  type="text/javascript">
            function scroll() {
                window.scrollTo(0, 400)
            }
        </script>
        <title></title>
    </head>
    <body onload="window.scrollTo(0, 400)">
        <img src="a.jpg"/>
        <a href="#" onclick="scroll">comments1</a>
    </body>
</html>

Answer 1

使用

onclick="scroll(); return false;"

应该修复它。

Answer 2

要使用return false;添加更多详细信息，点击事件会在页面滚动后继续，点击事件会跟随href到#，这是最高层的页面。另一种解决方法是：

<a href="javascript:void(0);" onclick="scroll">comments1</a>

返回false更好，IMO，但这也可以解决问题。

scrollTo滚动到页面顶部

2 个答案: