Question

我正试图在博客博客中添加一个向上滚动（返回顶部）按钮。

原则上，这应该是非常简单的，但我不知道为什么我无法做到这一点。在尝试了这么多事情后，我完全感到沮丧。

我正在使用以下HTML代码：

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#"><img src="url address of image" /></a>

按钮按预期存在，但是当我点击它时，它会重新加载博客而不是返回顶部。为什么？？没有头绪。

我尝试在徽标图片中使用“id”并链接到它，我还尝试在博客头中使用名称标签“name = Top”并将其与href =“#Top”链接但没关系。它总是重新加载博客而不是顶部。

例如，当我在帖子中并且单击按钮时，它会转到主页面，而不是在帖子中向上滚动。

如果您想亲自检查，请执行此操作。我的博客是cortarcoserycrear.blogspot.com

无论你能给我什么帮助，我都会非常感激，因为我不知道发生了什么。

感谢。

Answer 1

您应该使用Javascript / JQuery来执行此操作。

请参阅此问题：How to scroll to top of page with JavaScript/jQuery?

Answer 2

我最终用来解决我的问题是：

按钮html：

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#wrap" class='go-to-top' title="Back to top"><img src="image url" /></a>

Body html：

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'/>
  <script>
  $(function () {
  $(&#39;.go-to-top&#39;).click(function () {
  $(&#39;html,body&#39;).animate({
  scrollTop: 0
   }, 500);
  return false;
   });
   });
  </script>

向上滚动按钮不起作用

2 个答案: