我正试图在博客博客中添加一个向上滚动(返回顶部)按钮。
原则上,这应该是非常简单的,但我不知道为什么我无法做到这一点。在尝试了这么多事情后,我完全感到沮丧。
我正在使用以下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
无论你能给我什么帮助,我都会非常感激,因为我不知道发生了什么。
感谢。
答案 0 :(得分:0)
您应该使用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 () {
$('.go-to-top').click(function () {
$('html,body').animate({
scrollTop: 0
}, 500);
return false;
});
});
</script>