您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
Geekhub 返回顶部
当前为
- // ==UserScript==
- // @name Geekhub scrollTop
- // @namespace http://wenyi.me
- // @version 0.3
- // @description Geekhub 返回顶部
- // @author SeaMonster
- // @match https://*.geekhub.com/*
- // @grant none
- // ==/UserScript==
- try {
- var body = document.body;
- var div = document.createElement("div");
- div.id = "myBtn";
- div.setAttribute("style",
- "display: none;position: fixed;bottom: 100px;right: 50px;z-index: 99; outline: none;background-color: #fff;color: #333;cursor: pointer;border-radius: 10px;box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);"
- );
- div.innerHTML = '<button onclick="topFunction()" style="padding: 15px;" id="myBtn" title="回顶部">Top</button>';
- body.appendChild(div);
- } catch (e) {
- console.log("scroll Error");
- }
- // 当网页向下滑动 300px 出现"返回顶部" 按钮
- window.onscroll = function () {
- scrollFunction()
- };
- function scrollFunction() {
- console.log(121);
- if (document.body.scrollTop > 300 || document.documentElement.scrollTop > 300) {
- document.getElementById("myBtn").style.display = "block";
- } else {
- document.getElementById("myBtn").style.display = "none";
- }
- }
- // 点击按钮,返回顶部
- window.topFunction = function topFunction() {
- (function smoothscroll() {
- var currentScroll = document.documentElement.scrollTop || document.body.scrollTop;
- if (currentScroll > 0) {
- window.requestAnimationFrame(smoothscroll);
- window.scrollTo(0, currentScroll - (currentScroll / 5));
- }
- })();
- }