Greasy Fork

回到顶部

自动【前往底部】和【回到顶部】按钮

当前为 2023-02-10 提交的版本,查看 最新版本

// ==UserScript==
// @name         回到顶部
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  自动【前往底部】和【回到顶部】按钮
// @author       CoderBen
// @match        *://*/*
// @icon         https://cdn3.iconfinder.com/data/icons/leto-space/64/__rocket_spaceship-64.png
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    if (window.frames.length === parent.frames.length) {
      createButtonToTop()
      createButtonToBottom()
    }

    function createButtonToTop() {
      const btn = document.createElement('div')
      btn.innerHTML = '<img width="50px" height="50px" alt="↑" title="回到顶部" src="data:image/png;base64,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"/>'
      btn.style.fontSize = '28px'
      btn.style.fontWeight = 900
      btn.style.textAlign = 'center'
      btn.style.lineHeight = '50px'
      btn.style.cursor = 'pointer'
      btn.style.width = '50px'
      btn.style.height = '50px'
      btn.style.background = 'transparent'
      btn.style.position = 'fixed'
      btn.style.right = '400px'
      btn.style.bottom = '50px'
      btn.onclick = () => scrollTo(0, 0)
      btn.oncontextmenu = (e) => {
        e.preventDefault()
        btn.style.display = 'none'
      }
      document.querySelector('html body').appendChild(btn)
    }

    function createButtonToBottom() {
      const btn = document.createElement('div')
      btn.innerHTML = '<img width="50px" height="50px" alt="↓" title="前往底部" src="data:image/png;base64,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"/>'
      btn.style.fontSize = '28px'
      btn.style.fontWeight = 900
      btn.style.textAlign = 'center'
      btn.style.lineHeight = '50px'
      btn.style.cursor = 'pointer'
      btn.style.width = '50px'
      btn.style.height = '50px'
      btn.style.background = 'transparent'
      btn.style.position = 'fixed'
      btn.style.right = '466px'
      btn.style.bottom = '50px'
      btn.onclick = () => scrollTo(0, 9999999999)
      btn.oncontextmenu = (e) => {
        e.preventDefault()
        btn.style.display = 'none'
      }
      document.querySelector('html body').appendChild(btn)
    }
})();