向上滚动按钮不起作用

时间:2013-06-29 10:49:42

标签: scroll blogger

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

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

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

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

感谢。

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分: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>

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>