javascript - 如何使用javascript回到网站底部，如回到顶部？

Question

我在我的博客中使用 HTML、CSS 和 JavaScript 组合编写代码以返回顶部。现在我想包括哪些可能与 Back to top 相对，这意味着 Go to Bottom。为了返回顶部，我包含了这样的代码:

HTML

<div id="back-top">
<a href="#top">
<img src="http://4.bp.blogspot.com/-6KDdSchHT18/Uvxj4CJipXI/AAAAAAAAE4k/wyk-sSq5gbc/s1600/Back-to-top.png"/><br/>Top</a></div>

CSS

#back-top a{text-decoration: none;}
#back-top {
color: #ff0000;
position: fixed;
bottom: 25px;
left: 125px;
font-weight: bold;
}

JavaScript

$(function (){ 
$(window).scroll(function (){
if ($(this).scrollTop() > 300){
$('#back-top').fadeIn();
} 
else{
$('#back-top').fadeOut();
}
});

如何改变这个？

Answer 1

一个非常简单的技巧是在页面的最底部包含一个 div，如下所示:

<div id="bottom"></div>

然后链接到它

<a href="#bottom">Go To Bottom</a>