返回顶部、生成二维码脚本

返回顶部脚本

网站页面返回顶部脚本

目前為 2019-04-27 提交的版本，檢視最新版本。

安裝腳本 ?

Wrap lines

// ==UserScript==
// @name         返回顶部脚本
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  网站页面返回顶部脚本
// @author       xianlechuanshuo
// @match        *://**/**
// @require      https://cdn.bootcss.com/jquery/1.12.4/jquery.js
// @grant        none
// ==/UserScript==
var JQ1=jQuery.noConflict();
JQ1(function() {
    'use strict';
    let toTopHtml=`<div id="to_top">返回顶部</div>`;
    let toTopEle=JQ1(toTopHtml);

    JQ1("body").append(toTopHtml);
    JQ1("#to_top").css(
    {
        "width":"30px",
        "height":"40px",
        "padding":"20px",
        "font":"14px/20px arial",
        "text-align":"center",
        "background":"#06c",
        "position":"fixed",
        "display": "none",
        "right":"10px",
        "bottom":"10px",
        "cursor":"pointer",
        "color":"#fff"
    });
    JQ1("#to_top").click(function(){
        JQ1(document).scrollTop(0);
    })
});
JQ1(window).scroll(function(){
    //let t=document.documentElement.scrollTop||document.body.scrollTop;
    let t=JQ1(document).scrollTop();
    if(t>100){
        JQ1("#to_top").css(
        {
            "display": "block"
        });
    }
    else{
        JQ1("#to_top").css(
        {
            "display": "none"
        });
    }
})

欢迎访问Greasy Fork镜像