自动【前往底部】和【回到顶部】按钮
当前为
// ==UserScript==
// @name 回到顶部
// @namespace http://tampermonkey.net/
// @version 0.9
// @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,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAkrSURBVHhe5ZkJbBxXGcf/s7PrvW0ntmPnsKnJVSekR0JJTICKNGlKFEBBAqGqUpEoaosUiqgqkEAoQgWhCiFVqAJUQEUESqUiQqU2adpGFWoCSRMs4hxu7CRO4trrM7Z312vvyffNvj1md65NJnbJ/qLIb96uPr/fN+99781YyhAoIZlMilYBp9MpWpXzUY7nED/zVJM8o0pAtclzvHwCqlGeURJQrfKMo5rlmbIiWE3yjCoB1SbP8fIJuB3lozMxpFJpw3hKAv5f5dPpNCLRGYSGxzEwNCx6OUYKH4ZGMDg0Rt9Jid4CxfE0T4JWWQj5eCKpSEcjMczGZ5HJSEq/x+1G24pmTExOY3x8EmnS8nndWNrcqHyeozTeDSfADvlDPQk8dKdLaRvF4zs9OR1BeDqKuURC6SvF6XDQ92VKSoKSkqGpn8Lylib4/V7xDe3xle0CVrBDfn/XHL6yfxoTM8ZrNDozi0tXhjBGd1VPnklSkorlHQ4JXq9HfKo/vooTYIf8kYsJPP5qBDSb8cb5WdFboCAfw2BoWHMda5GTpxYCfp+SBMZofBUlwA75s8MpfG1/GHEap5RJ4WDPnPgkSy4eV++hkbH8GjejWJ4JBnzKT7PxWU6AHfLDkTS+/MdpTMUyijwP9u3eBE3f7KCL401OhZFOWStPpfKyLMPv81oan6UE2CEfjWfwxZciuDKRzssz1ykZR/uTZfHC4RnRMqZUngkG/JbHZ5oAO+STaeDhlyPoGkio5LNIOHSB+wqwVDypX/ByaMlzvPq6oGibY5gAO+SZvf+IUrGLa8pnJBmv96gTwHu4GXrynho37f+F6m+GbgLskj9wNo7fHZ/VlYckoXc8hQujhSTItKfz53royfPaD9b6xbU1NBNglzzz48NRXXmJ5JtrXdhzdxAvn3VgrujX+n1u5SfXx9mifiN5jlcrqr9VyhJgp/z1WBo9IV7L6sHCIeOOJg92rq/H1lVBSLIL50YlPHcUmBMToa42oIh/7x0PnnzTixi1zeQ9NS643TWi3xqqBNgpz/SPq+Ul+tfW6MOD6+qxsc0Pn1ud/zMjwHPv0XmfHGPw4rGDPrzV78SJIRlH+mVDeUnKoKlpsei3BvvmnwXslud4H4wkce/zU8p1vc+Fu9uCWBzInv2NWBpI4fXuafRfz8o+sj6OZ+7jbVFbnhVamhtQFwyIz8zJ+Sq34FbIMzVOiY6jwF2tPtzfsciS/FgkiRePFeT3rHPh2e00FlVNLMi7aNq3LW+5IXlGSiQSxWlVsEOe6Q6l8YO30qjzu5XBmnF1Io7/XI3Q2T973Von4+ReH2rdkjL9I/RskIjTtKUzvovG6PV46IEnWyytUnqzyxJgl/ypwQxeOEEVPO20JH9+KIbzoVh+lvtrHLh/tQ+fbpPw1GYal5yNYdf4cqgSYFfwdy5l8Psuakjm8rzNdV2N4sp44aGI3BX5gIfOCcSmZcBTW7jK2yvPvvkybJf8az0Z/OEUNSzIJ+hh51hfWCXvoGq+pd2bl2dODQK/ep92AbE0KkVPnlFmgJ3yfz1DDYe5/Ew8rchPz4qNXyGD+9o8WLGoZC8X8S4MhrG51YHdHTV4YBXVAJf50jKSZ2x7J3iwN4M//ZcaFuSjJP3P3jBiiaJbSsNYt9SFtc2FV1gKIl4iQVvjmSllyTBBKow717iwa60LX7izBo3+8t9pJs/Y8k7w+EAGzx+nhoVpz5y4HMHA9bi4ImgIbYtlbKLDkYqiZF4enUPXtajSLsVBM2djqxNf3eDGdz/joWVkTZ5RH8UsUhz84kQGv36fGhblGV77eUh+ScCBe1v15fnbvaPlr85ypOlc0D+RQmcbFbUK5JmKE1AcfGqW7vy/JcQz1uWZx7f48MNtNNVJvsEn4VPtfmXgeUqW0fB0AhFVrVCzkmbPe0/WofNjzorkmYoSUBw8Q/9+c1LC2Gz2RFYJq5tk7NvhxY4OPz67JgiX2OMVNGpIb0j/7m9c4cS7TwSxskGuWJ6xXANKgx/uA146Xbk8o/zKdPlgteRDdPd5t9Bid4cL+78eoEOTdEPyjKUZUBp8OAL85ay+fJ2Hj7GAu7CV56lEPkXfPT2g/W7w250evPpI8KbkGdMZoBX850dldI+Uyy8PAt/aBHQ0Za/52f5Nmimv0NmA3wtWIs90fziD3mH19OeK/4vdfuzdmn3tdTPyjOEM0Ap+kp7NteQbqKbt+3xBnuEZ8KW1wBOfrFx+NJxAX4n8sloJr9Bdt0ue0Z0BWsElegR9+qCEIY3t+JsbgQdXiosS+Fd8/3CSHnFFRw4d+Ro5jWXeOeVuT9JOs8grYV2zjD3ra5Qpz9ghz2gmQC/4kcvAb0+KjhJ++VB2CZTC4Tnen08Db/SKTkZXHvgJzaT2RaJDA7vkmbIloBecj6AHzokOi+Tky9CRd9Jontk6f/KMKgFGwfmJbNjgjzXnRkRDUCp/fkw0dOT5IPQdeu6/q1l0aGC3PMfLJ8As+NuXREOHv/cAYfFUWyp/7Bqd5Xn968jz6y7ePTavENca3Ap5RkmAWfApEusOiQsdxml27HuX7vRoQZ7f7vK6V+qGjjw/0T7dCWxrFx0a3Cp5xtI7Qb77L/JLDhOUekpbXT3tUkE3MEK7hfLHDr2CR7+G5e9pER0a3Ep5pqwIagX/F01hM3LyzCRt39emjOWX0MPfT7ctrDyjSoBW8FiCCtyouNChWF6FjvwnqND9bDvQRsdlPeZDnuPlE6AX/CIVr9xbGC0qkef1/ug9wI8+R0vE4C9Y8yXPKAkwCv5BbvvSoBL5VYvpru8Adq1Wir4u8ynPOMyC902IRglW5QNUDHmLe5bWu9GUZ+ZbnikrgqWENM79VuR9LuDhDcALu4DtH6e7bnTbiYWQZwwfh/mDR/9G1Vz18tZYvoG2wJ00zVnab/Ev1QslzxgmgHeAbxwQF4SefMDjpFOchM5WYP0SoPgNlxkLKc8YJoCPto+9lm0Xy/MTW3s9sKZRwoYWGRuaJcimi6mchZZnDBPAB5lDfVn5GimFJn8GjXSAWUb/ZbrN8z1YI240nmECcnxUBqvHzcQznbi3szxjmIDbXZ7RTUA1yDOaCagWeaYsAdUkz6gSUG3yHC+fgGqUB4D/AZB+R98ECaR2AAAAAElFTkSuQmCC"/>'
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, 9999999)
btn.oncontextmenu = (e) => {
e.preventDefault()
btn.style.display = 'none'
}
document.querySelector('html body').appendChild(btn)
}
})();