向上滚动按钮不起作用

我试图在我的博客博客中放置一个向上滚动（回到顶部）按钮。向上滚动按钮不起作用

这应该是原则上很简单，但我并不是为什么我不能做到这一点。现在尝试了很多东西之后，我完全感到沮丧。

我用下面的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

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

谢谢。

来源

2013-06-29 cardogar

你应该使用Javascript/JQuery来做到这一点。

参考这个问题：How to scroll to top of page with JavaScript/jQuery?

来源

2013-06-29 10:55:10

太好了！非常感谢！问题解决了！ – cardogar

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

按钮的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-02 09:38:38 cardogar

向上滚动按钮不起作用

回答

相关问题