scroll By to top/bottom

上下滾動按鈕

在頁面右側產生兩個按鈕用於滾動頁面
安裝腳本 ?
作者推薦腳本
安裝腳本
換行
// ==UserScript==
// @name              scroll By to top/bottom
// @name:zh-CN        上下滚动按钮
// @description:zh-CN 在页面右侧生成两个按钮用于滚动页面
// @name:ar           زر التمرير
// @description:ar    قم بإنشاء زرين على الجانب الأيمن من الصفحة لتمرير الصفحة
// @name:bg           бутон за превъртане
// @description:bg    Генерирайте два бутона от дясната страна на страницата за превъртане на страницата
// @name:cs           rolovací tlačítko
// @description:cs    Na pravé straně stránky vygenerujte dvě tlačítka pro posouvání stránky
// @name:da           rulleknap
// @description:da    Generer to knapper i højre side af siden til at rulle siden
// @name:de           Scroll-Taste
// @description:de    Generieren Sie zwei Schaltflächen auf der rechten Seite der Seite zum Scrollen der Seite
// @name:el           κουμπί κύλισης
// @description:el    Δημιουργήστε δύο κουμπιά στη δεξιά πλευρά της σελίδας για κύλιση της σελίδας
// @name:en           scroll button
// @description:en    Generate two buttons on the right side of the page for scrolling the page
// @name:eo           rulbutono
// @description:eo    Generu du butonojn ĉe la dekstra flanko de la paĝo por rulumi la paĝon
// @name:es           botón de desplazamiento
// @description:es    Genere dos botones en el lado derecho de la página para desplazarse por la página
// @name:fi           vierityspainike
// @description:fi    Luo kaksi painiketta sivun oikealle puolelle sivun vierittämistä varten
// @name:fr           bouton de défilement
// @description:fr    Générez deux boutons sur le côté droit de la page pour faire défiler la page
// @name:he           כפתור גלילה
// @description:he    צור שני כפתורים בצד ימין של העמוד לגלילה בעמוד
// @name:hr           gumb za pomicanje
// @description:hr    Generirajte dva gumba na desnoj strani stranice za pomicanje stranice
// @name:hu           görgető gomb
// @description:hu    Az oldal görgetéséhez hozzon létre két gombot az oldal jobb oldalán
// @name:id           tombol gulir
// @description:id    Hasilkan dua tombol di sisi kanan halaman untuk menggulir halaman
// @name:it           pulsante di scorrimento
// @description:it    Genera due pulsanti sul lato destro della pagina per scorrere la pagina
// @name:ja           スクロールボタン
// @description:ja    ページの右側にページをスクロールするための 2 つのボタンを生成します
// @name:ka           გადახვევის ღილაკი
// @description:ka    შექმენით ორი ღილაკი გვერდის მარჯვენა მხარეს გვერდის გადასახვევად
// @name:ko           스크롤 버튼
// @description:ko    페이지 스크롤을 위해 페이지 오른쪽에 두 개의 버튼을 생성합니다.
// @name:nl           scroll-knop
// @description:nl    Genereer twee knoppen aan de rechterkant van de pagina om door de pagina te scrollen
// @name:nb           rulleknapp
// @description:nb    Generer to knapper på høyre side av siden for å rulle siden
// @name:pl           przycisk przewijania
// @description:pl    Wygeneruj dwa przyciski po prawej stronie strony do przewijania strony
// @name:pt-BR        botão de rolagem
// @description:pt-BR Gere dois botões no lado direito da página para rolar a página
// @name:ro           butonul de defilare
// @description:ro    Generați două butoane în partea dreaptă a paginii pentru derularea paginii
// @name:ru           кнопка прокрутки
// @description:ru    Создайте две кнопки в правой части страницы для прокрутки страницы.
// @name:sk           rolovacie tlačidlo
// @description:sk    Vygenerujte dve tlačidlá na pravej strane stránky na posúvanie stránky
// @name:sr           дугме за померање
// @description:sr    Генеришите два дугмета на десној страни странице за померање странице
// @name:sv           rullningsknapp
// @description:sv    Skapa två knappar till höger på sidan för att rulla sidan
// @name:th           ปุ่มเลื่อน
// @description:th    สร้างปุ่มสองปุ่มทางด้านขวาของหน้าเพื่อเลื่อนหน้า
// @name:tr           kaydırma düğmesi
// @description:tr    Sayfayı kaydırmak için sayfanın sağ tarafında iki düğme oluşturun
// @name:ug           سىيرىلما كۇنۇپكا
// @description:ug    بەتنىڭ ئوڭ تەرىپىدە ئىككى كۇنۇپكا ھاسىل قىلىڭ
// @name:uk           кнопка прокручування
// @description:uk    Згенеруйте дві кнопки в правій частині сторінки для прокручування сторінки
// @name:vi           nút cuộn
// @description:vi    Tạo hai nút ở bên phải trang để cuộn trang
// @name:zh-TW        上下滾動按鈕
// @description:zh-TW 在頁面右側產生兩個按鈕用於滾動頁面
// @name:zh-HK        上下滾動按鈕
// @description:zh-HK 在頁面右側產生兩個按鈕用於滾動頁面
// @name:fr-CA        bouton de défilement
// @description:fr-CA Générez deux boutons sur le côté droit de la page pour faire défiler la page
// @namespace         https://github.com/ChinaGodMan/UserScripts
// @match             *://*/*
// @grant             none
// @version           1.0.0.26
// @author            人民的勤务员 <[email protected]> & d3ward
// @description       Script to scrollBy to top/bottom
// @supportURL        https://github.com/ChinaGodMan/UserScripts/issues
// @homepageURL       https://github.com/ChinaGodMan/UserScripts
// @license           MIT
// @icon              data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEuElEQVR4nO2Y609adxzGD2LrolYsYL3bKc5enFM06+XV/oHt3bam+xPq0qxL2rSvzKJV7NY5V0WprtZ1a5w11Ch2bZ1SuRwEEUEPiOGignfhmK1vxG5+l3OyJpqVnhvCG57kk5zwPb/n9zxwuB0EiSuuuLgLIEHqCJ6vdOA3pHZcWenYwiodOC514K8IyGP71gwxq3Lg1ysdgXPEGiTWKrMF8ipmcJkUw/1SDAcmVGC4TzqDN5RPBXKjHrzK/Je4whZor7AFQhXTQeCELRAqnw7IP3T8KYpK+DLbxsXyqc1guTUAEWVqM/iBNXjhwIJXmeFQmWVTUWbZhINlo+0jNSRGOPxycqlpXfX+xAZEBdP6ILFnhMLDoVLj2lCpcR2iyWnjmioir8QpdFVxyrAGseCkYbWdU/gS7ernJ/WrEEtOoGtfsAp/GvUJSzQrgRPaFWBLyQsfCScPzUqwRL0sZv7sv1hqLxlbAra893QOPlE74ePRWfKYk9eYX84ofLHanydR+0PFaj+wQfLECV+Oe+DV7i78vbsLX5u85GPFoz52fqP+naLh5QLaBSQjPplkxAdsKFLNQjXqJsO/FlnC6CVnkj8WWflKRnwyeulrIKHw+YK/aHgRmFI44IBq1LUv/N4SVwwe8pyi5wuMvYuGF5aJbJT5j/8+f77w2QIw5d1+O1Tr3xx+fwk3eW7h03nmezzznqUuMDR/4/iTeWBCgRKDS9q3h3+tf3YBrujd5JrjQ15m+wx5r1EWyFd5lAUqL9Alv28GLmnohd9b4iudm1xbMOihv9egt4+yQN6AB8sf8AAd8h5hcFnrIi8NpiLWXNa6SA+6++UPuG2UBXIeu/DcfjdQ8tgF2T9PwNLLbWAr/8tt0oPworVnvztAWSBb6drJUbqADtk9GGR1myDr/h7uoWEDE7N953abSA/a+yldIeoCfXM72X1zwJbMe+NhCxAzLt5Zj5zblAUye514Vq8T2HKs0xC2ADHj4p35m5P6EsromcWO9cwCW8R3w19CxIyLd0aPg/pNLP7Vrsx46AC2iNr1YQsQMy7e4od26o9R0QPsuvgXO7BFKNeFLUDMuHiLHtivUhYQdjnOCbsxYEt6izZsAWLGxVt4HztDWQAB4B3tml442jUDbBDc0YQtQMzY+qZ3TfuIbNQFEAQRdNoa0n+aBjakNY+FLUDM2PoKOm0NtMKTl1HbVK7grjUk6LABU9KatYD6t/4XXu/HyRkbT0GHdVvUOZmDMNERxZT8iMIKjGmzQGqTBlJvq/fTpCFnrDwV1haEqdI6MGGK3LKZSgSKISnyyWCqwsz8Tz2h1BbLpymtkxBTWiwXES5K/tHclnzHDLFhohXhrN5eflLzhPKd5gmIKj+YVEiNOkI3eRXm5KQmkyqpyQRR4XvTILEnElHVqBMPf2tsP/ydEQ6W8dbIPfNvUEKj4UJi43gw8dY4RBZDgH/L+BkSFdUbRXwZKufL0BBfZgBONBi2+TK0BbmNCpGoqw7N5d1EZQn1el9CPQqMuIku8urRBqRRx+wb9kBE3DH7RnMWqdVd49Xq+3i1OhuvThfk1ep2eHW60H/HNmKG1OmuInXoGdo/zOKKKy7kbfoXB/L+M6aLQpIAAAAASUVORK5CYII=

// ==/UserScript==
//Variable to set how much to scroll
var sH = (window.innerHeight) - 50

//top button
var topBtn = document.createElement('span')
topBtn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 444.8 444.8" fill="#adadad"><path d="M434 278.7L248.4 92.8c-7.4-7-16.1-10.6-26-10.6 -10.1 0-18.7 3.5-25.7 10.6L10.8 278.7C3.6 285.9 0 294.5 0 304.6c0 10.3 3.6 18.8 10.8 25.7l21.4 21.4c6.9 7.2 15.4 10.9 25.7 10.9 10.3 0 18.8-3.6 25.7-10.9L222.4 213.3 361.2 351.7c6.8 7.2 15.4 10.9 25.7 10.9 10.1 0 18.7-3.6 26-10.9l21.4-21.4c7-7 10.6-15.6 10.6-25.7C444.8 294.5 441.2 285.9 434 278.7z"/></svg>'
topBtn.style.cssText = 'text-align:center;background:#191919;border-radius:8px;color:#000000;cursor:pointer;position:fixed;bottom:50%;width:36px;height:36px;right:10px;z-index:9999'
topBtn.addEventListener('click', function () { window.scrollBy({ top: -sH, behavior: 'smooth' }) }, false)
document.body.appendChild(topBtn)

//bottom button
var bottomBtn = document.createElement('span')
bottomBtn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 444.8 444.8" fill="#adadad"><path d="M434.3 114.2l-21.4-21.4c-7.4-7-16.1-10.6-26-10.6 -10.1 0-18.7 3.5-25.7 10.6L222.4 231.5 83.7 92.8c-7-7-15.6-10.6-25.7-10.6 -9.9 0-18.6 3.5-26 10.6l-21.1 21.4C3.6 121.4 0 130.1 0 140.2c0 10.3 3.6 18.8 10.8 25.7l185.9 185.9c6.9 7.2 15.4 10.8 25.7 10.8 10.1 0 18.8-3.6 26-10.8l185.9-185.9c7-7 10.6-15.6 10.6-25.7C444.8 130.3 441.3 121.6 434.3 114.2z"/></svg>'
bottomBtn.style.cssText = 'text-align:center;background:#191919;border-radius:8px;color:#000000;cursor:pointer;position:fixed;bottom:45%;width:36px;height:36px;right:10px;z-index:9999'//top:52%;
bottomBtn.addEventListener('click', function () { window.scrollBy({ top: sH, behavior: 'smooth' }) }, false)
document.body.appendChild(bottomBtn)