在网页生成返回顶部和底部按钮，点击按钮即可返回顶部或底部。
目前为
// ==UserScript==
// @name 返回顶部和底部
// @namespace https://www.chlung.com/
// @version 0.2
// @description 在网页生成返回顶部和底部按钮，点击按钮即可返回顶部或底部。
// @author Johnny Li
// @match *://*/*
// @grant GM_info
// @require http://code.jquery.com/jquery-1.11.0.min.js
// ==/UserScript==
(function() {
'use strict';
var TBLink=function(){
var $ = $ || window.$;
var $doc=$(document);
var CreateHtml=function(){
var topHtml="<div id='gotop' style='position: fixed; bottom: 75px; right: 15px; cursor: pointer; z-index: 999999; display: none; opacity: 0;'><a id='topLink' class='top' title='Top'>Top</a></div>";
var bottomHtml="<div id='gobottom' style='position: fixed; bottom: 30px; right: 15px; cursor: pointer; z-index: 999999; display: none; opacity: 0;'><a id='bottomLink' class='bottom' title='Bottom'>Bottom</a></div>";
var html="<div id='goTopBottom'>"+topHtml+bottomHtml+"</div>";
$("html body").append(html);
};
var CreateStyle=function(){
var topStyle="body #gotop #topLink {display: block;width: 40px;height: 40px;overflow: hidden;text-indent: -999em;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAARVBMVEUAAABwcHBwcHBwcHBvb29wcHBwcHBvb29wcHBwcHBvb29wcHBvb29vb29wcHBwcHBvb29wcHBwcHBwcHBvb29vb29wcHBGBxOeAAAAFXRSTlMAP39fP88vfw+vX+9v39+/7x9vn885opKGAAABnElEQVR4Xo2VjY4CIRCDK7i6/t9f9/0f9Q7JzTBTTOwmSAY+ajPKAljLffsTty7aZBPdvtB0WKwSyIaolhVYjaCPOnMGKL3AsBCM0kLFLZVoZmxz1QPRXNNLmRjLDiae4wwWW0OQUy/MW0Ar6gpyRQjmYCk+KVaCwRY499MS4nZKakpGjMAOL7QbMRjxBtLtMXbwumvat8E/2+TqodgQ6T8nyb1CRxiXPhpEpsaQQxYy2F0OVY4KfRFdDkA1IiOvCOD8MgtDwYnuIyLYUjBmPwNzhiSnWSpM1S4aShb2Ko1IPozxe/doHkFn6Spijz2H+vwP+bqogDLUvjgTCWX0iy3H0h4DPstTP3LDyNU3+WuRtmHIYj11ZG8pG0FDghLih7tXR+gA1SVtwUa5g2IWRkTjUxAHSEOk7Mj06hOLjRxdKBAE0L7ID0aqTH1JNu7CgSvHUkobvsPbTLvvHF/deo54EN2nI56mbM/8TaSCpNPECcZ9e1sdPKGEMHK4QhVYtOrd7dyA8gRgXcRAuuHYaUVTfaSz+4yOGVAB/ALe77YRMP804gAAAABJRU5ErkJggg==') no-repeat center;background-size: 40px 40px;}";
var bottomStyle="body #gobottom #bottomLink {display: block;width: 40px;height: 40px;overflow: hidden;text-indent: -999em;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABFUExURQAAAHBwcHBwcHBwcG9vb3BwcHBwcG9vb3BwcHBwcG9vb3BwcG9vb29vb3BwcHBwcG9vb3BwcHBwcHBwcG9vb29vb3BwcEYHE54AAAAVdFJOUwA/f18/zy9/D69f72/f37/vH2+fzzmikoYAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAIVSURBVEhLhZaHYsMwCEQVO3s0Xc7/f2oPOATIbvviaAAnNGwnDcyXl7Bo+Vq0lgJft7F4zhLfzl1APzDZBsvhDMklRZrMBVqF1zhgVmur6awZuGFqOq2V/w/eGhvCanB2BluWBBZUhlj0I+sUSQTUslONTRtRFGTrxFo9JjH6aXxN02kCp4mGrpMCE0sidvZ6xkJ2erMun9YdBZB4anqkiuUTCQnJWuBZqqhkYZoUQUk1F4mbu9ckQvJUCT3dH3viNUg7pvYaAuPCNRJ0iySPpfAoUULozkECR5b108+5Ns5FRzV0tr33LbfJNH1Q0BruGXwOdCuLpnaWl70OBua6nCLZ1swQZI1OTBpuXGmudDjjxMCVoQSvE8W2TSKSZDOPKBjq/pDQgtGSxnMEesMMpw+6ButIPsTJlR/kgJrjTToa4WGo0+sio3tgihX1XASTI8+2YuPV5wnn463k5oJRQuKr10oK2493NxnR/GUttIjWrkR5Ku+7/Y54w+p7D8ElE+vDxHMysDM/MEnwv0TGFglzkOihpRvRLdaxLBEGrFNMwMLl6xPTiAi2lhEnYuS1qNE9Ug+xpPwcJEKRMIMuv/rQMwtudDUY1kaJ06cdYdEqoJst/guyClyZu7s92chYQoupI6HzGJ5uhrFOwKC2BX9IWn57RuTY6n35q3Qub1wnEoVYOBz1pvt8sJ/ogqJ8m86t/QAimLYRwPIUvwAAAABJRU5ErkJggg==') no-repeat center;background-size: 40px 40px;}";
var style="<style>"+topStyle+bottomStyle+"</style>";
$("html head").append(style);
}
var GoTB=function(){
var upperLimit = 100;
var scrollSpeed = 500;
var fadeSpeed=300;
var $top=$("#goTopBottom #gotop");
var $bottom=$("#goTopBottom #gobottom");
if (getScrollTop() > upperLimit) {
$top.stop().fadeTo(0, 1);
}
if(getScrollTop() + $(window).height() < $doc.height()-upperLimit){
$bottom.stop().fadeTo(0,1);
}
$doc.scroll(function () {
if (getScrollTop() > upperLimit) {
$top.stop().fadeTo(fadeSpeed, 1);
}
else {
$top.stop().fadeTo(fadeSpeed, 0);
}
if(getScrollTop() + $(window).height() < $doc.height()-upperLimit){
$bottom.stop().fadeTo(fadeSpeed,1);
}
else {
$bottom.stop().fadeTo(fadeSpeed, 0);
}
});
$("#goTopBottom div a").click(function(){
var $this=$(this);
var clsName=$this.attr("class");
switch (clsName) {
case "top":
$('html, body').animate({ scrollTop: 0 }, scrollSpeed);
break;
case "bottom":
var docHeight=$doc.height();
$('html, body').animate({ scrollTop: docHeight}, scrollSpeed);
break;
default:
break;
}
return false;
});
}
var getScrollTop=function() {
var scrollTop=$doc.scrollTop() || $('html,body').scrollTop();
return scrollTop;
}
this.init=function(){
CreateHtml();
CreateStyle();
GoTB();
}
}
var tbl=new TBLink();
tbl.init();
})();