Github回到顶部

Github return to the top(回到顶部)脚本
Wrap lines
// ==UserScript==
// @name         Github回到顶部
// @namespace    http://tampermonkey.net/
// @version      1.0.0
// @description  Github return to the top(回到顶部)脚本
// @author       yangyang (https://wanzij.cn)
// @match        https://github.com/*
// @match        http://github.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=github.com
// @include      http://github.com/*
// @include      https://github.com/*
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';
//------- 回到顶部

function scrollToTop() {
    const scrollDuration = 300 // 滚动持续时间（毫秒）
    const scrollStep = -window.scrollY / (scrollDuration / 15)
    const scrollInterval = setInterval(() => {
        if (window.scrollY !== 0) {
            window.scrollBy(0, scrollStep)
        } else {
            clearInterval(scrollInterval)
        }
    }, 15)
}
function topTxt(){
    let text = 'return to the top' //lang en
    switch (navigator.language.toLowerCase()) {
      case 'zh':
      case 'zh-cn':
      case 'zh-sg':
        text = '回到顶部'
        break;
      case 'zh-tw':
      case 'zh-hk':
        text = '回到頂部'
        break;
      case 'ko':
      case 'ko_kr':
        text = '맨 위로 돌아가기'
        break;
      case 'ja':
      case 'ja_jp':
        text = 'トップに戻る'
        break
      case 'fr':
      case 'fr_be':
      case 'fr_ca':
      case 'fr_ch':
      case 'fr_fr':
      case 'fr_lu':
        text = 'retour au sommet'
        break
      default:
        break;
    }
    return text
}
//-------添加回到顶部按钮
function addGoTopBtn() {
  const jumpContainer = document.createElement('div');
  jumpContainer.className = 'jump-container';
  jumpContainer.title=topTxt();
  jumpContainer.style.display = 'none';
  const svgIcon = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
  svgIcon.setAttribute('t', '1696584351737');
  svgIcon.setAttribute('class', 'icon');
  svgIcon.setAttribute('viewBox', '0 0 1024 1024');
  svgIcon.setAttribute('version', '1.1');
  svgIcon.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  svgIcon.setAttribute('width', '32');
  svgIcon.setAttribute('height', '32');

  const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
  path.setAttribute('d', 'M372.306898 792.431381v45.303732H296.992643v185.950064h-46.775464v-186.014052H176.95055v-45.303732H372.306898z m377.851042-1.279766c38.392993 0 100.909584 20.796205 98.478028 81.073204-2.30358 57.58949-55.925794 74.098477-94.638729 75.378243h-38.201028v76.082115H670.492479v-232.59755h79.729449z m-240.020196 0a116.522735 116.522735 0 1 1 0 232.661539 114.283143 114.283143 0 0 1-85.296434-31.418266 115.56291 115.56291 0 0 1-30.970348-84.848515 115.690886 115.690886 0 0 1 30.970348-85.168457 114.475108 114.475108 0 0 1 85.296434-31.290289z m0 46.51951a69.299353 69.299353 0 0 0-52.27846 17.468812 70.387154 70.387154 0 0 0-17.468812 52.406436 69.939236 69.939236 0 0 0 17.596789 52.150482 68.787446 68.787446 0 0 0 52.150483 17.596789 70.387154 70.387154 0 0 0 52.406435-17.596789 69.619294 69.619294 0 0 0 17.468812-52.278459 69.875248 69.875248 0 0 0-17.468812-52.406436 69.683283 69.683283 0 0 0-52.342447-17.468812z m206.874245 0v63.540404h31.994161c33.017974 0 52.598401-11.197956 53.302272-30.842371 0.703872-17.084882-18.620602-30.586418-45.623673-32.378091h-39.608772zM481.982882 7.550622a25.595329 25.595329 0 0 1 36.281378 0l367.420946 367.420946a25.595329 25.595329 0 0 1-17.852742 43.576047H691.736602a25.595329 25.595329 0 0 0-25.595329 25.595329v274.445914a25.595329 25.595329 0 0 1-25.595329 25.595328h-275.149785a25.595329 25.595329 0 0 1-25.595329-25.595328V444.206932a25.595329 25.595329 0 0 0-25.595329-25.595329H156.090357a25.595329 25.595329 0 0 1-18.428637-43.576047z');
  path.setAttribute('p-id', '5736');
  path.setAttribute('fill', '#8a8a8a');

  svgIcon.appendChild(path);

  const sideServiceItemIcon = document.createElement('div');
  sideServiceItemIcon.className = 'side-service-item-icon';
  sideServiceItemIcon.appendChild(svgIcon);

  jumpContainer.appendChild(sideServiceItemIcon);
  document.body.appendChild(jumpContainer);
  jumpContainer.addEventListener('click', scrollToTop);

  // 添加样式
  const style = document.createElement('style');
  style.innerHTML = `
    .jump-container {
        background: #fff;
        border-radius: 100%;
        bottom: 170px;
        box-shadow: 0 3px 12px rgba(0, 36, 153, .06);
        font-size: 14px;
        height: 56px;
        margin-top: 16px;
        position: fixed;
        right: 12px;
        width: 56px;
        z-index: 3001;
        cursor: pointer;
    }

    .jump-container .side-service-item-icon {
        align-items: center;
        border-radius: 56px;
        color: #8a8a8a;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
        margin: 0;
        position: relative;
        text-align: center;
        width: auto;
    }

    .jump-container .side-service-item-icon svg {
        position: relative;
    }
  `;
  document.head.appendChild(style);
}
function checkScroll() {
    const scrollHeight = window.pageYOffset || document.documentElement.scrollTop
    if (scrollHeight >= 350) {
       document.querySelector('.jump-container').style.display = 'block';
    } else {
      document.querySelector('.jump-container').style.display = 'none';
    }
}
addGoTopBtn();
window.removeEventListener('scroll', checkScroll);
window.addEventListener('scroll', checkScroll)
})();
欢迎访问Greasy Fork镜像
