-
Notifications
You must be signed in to change notification settings - Fork 22
/
scroll-button.user.js
104 lines (101 loc) · 9.58 KB
/
scroll-button.user.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
// ==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 人民的勤务员 <toniaiwanowskiskr47@gmail.com> & 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)