本文介绍三个简单的代码返回页面底部。 您可以使用简单的 HTML 锚标记，也可以使用 Javascript Scroll 函数动态返回。 其他包括浮动脚本，有点复杂。 一个就够了。 总之，简洁最美的，能减少代码的就减少代码，不能调用的就不调用。 如果天元博客的文章都很牛逼的话，就不会添加这个功能了。
1.使用锚标签返回页面底部
使用 HTML 锚标记是最简单的，但它看起来有点难看。 点击后，地址栏中将显示锚标记，没有其他内容。
在页面底部放置：
放置位置可以放置在标签之后的任意位置，只要靠近底部即可。
放置在页面顶部：
2.使用Javascript Scroll函数返回底部
滚动条函数用于控制滚动条的位置。 有两种非常简单的实现方法：
方法一：
滚动的第一个参数是水平位置，第二个参数是垂直位置。 例如，如果你想垂直定位在50像素处，只需将其更改为scroll(0,50)即可。
方法二：
这种形式是逐渐回到底部，更加美观。 代码如下：
这样会动态返回到底部，但是即使返回到底部，代码还在运行，需要在pageScroll函数中加一句来停止。
3.利用Onload加滚动功能实现动态返回底部
1、首先在网页的BODY标签末尾添加：
回到底部
2.然后调用下面的JS脚本部分（此脚本非天元原创html 按钮跳转，是之前从Z-BLOG官方峰会上收集的，源码包没有作者链接，如果原作者看到请留下要添加的消息）：
对于Z-BLOG，可以放在$(document).ready(function(){....函数中html 按钮跳转，也可以独立保存为js文件，如gotop.js，然后传递：
当然，要调用，最好将其放在“返回底部”标签下。 该调用方法假设路径为JS。 其他位置请自行更改。
补充：
以上返回底部代码均为文字样式，也可以将文字替换为更漂亮的图标。 另外，还有一个浮动返回底部的代码（即当页面滚动时，返回底部图标也会跟着跑），需要用到图层等，有点复杂，就不说了在本文中列出它们。
参考：
发表评论