0

我正在尝试在我的博客中放置一个向上滚动（返回顶部）按钮。

原则上，这应该很简单，但我不明白为什么我不能做到。现在在尝试了这么多事情之后，我完全感到沮丧。

我正在使用以下 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

无论您可以为我提供什么帮助，都将非常感激，因为我不知道发生了什么。

谢谢。

4

2 回答 2

0

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

请参阅此问题：如何使用 JavaScript/jQuery 滚动到页面顶部？

于 2013-06-29T10:55:10.323 回答
0

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

按钮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>

正文 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>
于 2013-07-02T09:38:38.210 回答