Question

我在javascript中滚动到顶部这个函数：

  <script type="text/javascript">
function go()
{
     $("html, body").animate({scrollTop: 0}, 1000);
}
</script>

现在，当我想点击特定图像滚动到顶部不起作用时：

<p><a href="JavaScript:go()"><img src="1.jpg" width="418" height="128" border="0" /></p></a>

它不起作用。我该如何解决这个问题？

提前致谢

Answer 1

为href标记提供void(0);以防止默认行为。使用onclick属性来调用js函数。

<p><a href="void(0);" onclick="go();"><img src="1.jpg" width="418" height="128" border="0" /></p></a>

Answer 2

因为你要求答案，所以你去：

我做了一个JSFiddle来证明它有效。

而不是使用onclick="go()"我决定使用.on("click", function(){})，因为JSFiddle可以使用POST。

这是working example。

jQuery使用：

$("#go").on("click", function() {
    $("html, body").animate({scrollTop: 0}, 1000);
});

使用的HTML：

<p>The lazy dog jumps over the big brown fox</p>
<p>The lazy dog jumps over the big brown fox</p> // Obviously, this is dummy content.
<img style="width: 100px;" src="http://animalia-life.com/data_images/dog/dog4.jpg" id="go" />

慢慢滚动到顶部不能在JavaScript中工作

2 个答案: