☰

Scroll Up/Down

Tool to let you scroll to the top/bottom of the page

当前为 2017-09-05 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Scroll Up/Down
  3. // @version      1.10
  4. // @description  Tool to let you scroll to the top/bottom of the page
  5. // @author       A Meaty Alt
  6. // @exclude      https://fairview.deadfrontier.com/onlinezombiemmo/index.php?page=21
  7. // @include      /fairview.deadfrontier.com/
  8. // @exclude      https://fairview.deadfrontier.com/onlinezombiemmo/ExternalLoginReg.php
  9. // @exclude      http://chat.deadfrontier.com
  10. // @grant        none
  11. // @namespace 
  12. // ==/UserScript==
  13.  
  14. (function() {
  15.     'use strict';
  16.     var scrollerUp = document.createElement("img");
  17.     scrollerUp.src = "https://puu.sh/xluRH/c8dd354a59.png";
  18.     scrollerUp.id = "scrollerUp";
  19.     scrollerUp.style.opacity = 0.3;
  20.     scrollerUp.style.position = "fixed";
  21.     scrollerUp.style.zIndex = 99;
  22.     scrollerUp.style.cursor = "pointer";
  23.     scrollerUp.style.bottom = "30px";
  24.     scrollerUp.style.right = "10px";
  25.     scrollerUp.height = 80;
  26.     scrollerUp.width = 80;
  27. 	
  28.     var scrollerDown = document.createElement("img");
  29.     scrollerDown.src = "https://puu.sh/xsiqh/ed54ae27ab.png";
  30.     scrollerDown.id = "scrollerDown";
  31.     scrollerDown.style.opacity = 0.3;
  32.     scrollerDown.style.position = "fixed";
  33.     scrollerDown.style.zIndex = 99;
  34.     scrollerDown.style.cursor = "pointer";
  35.     scrollerDown.style.bottom = "30px";
  36.     scrollerDown.style.right = "90px";
  37.     scrollerDown.height = 80;
  38.     scrollerDown.width = 80;
  39.     
  40.     function defineOnClickEvent(){
  41.         $(scrollerUp).click(function() {
  42.             $("html, body").animate({ scrollTop: 0 }, "slow");
  43.             return false;
  44.         });
  45.         $(scrollerDown).click(function() {
  46.             var bottom = $(document).height() - $(window).height();
  47.             $("html, body").animate({ scrollTop: bottom }, "slow");
  48.             return false;
  49.         });
  50.     }
  51.     
  52.     function defineOnScrollEvent(){
  53.         $(document).scroll(function() {
  54.             if($(window).scrollTop() === 0) {
  55.                 $(scrollerUp).css("opacity", 0.3);
  56.             }
  57.             else
  58.                 $(scrollerUp).css("opacity", 1);
  59.             
  60.             var bottom = $(document).height() - $(window).height();
  61.             if($(window).scrollTop() === bottom){
  62.                 $(scrollerDown).css("opacity", 0.3);
  63.             }
  64.             else
  65.                 $(scrollerDown).css("opacity", 1);
  66.         });
  67.     }
  68.     defineOnScrollEvent();
  69.     defineOnClickEvent();
  70.     
  71.     $("body").append(scrollerUp);
  72. 	$("body").append(scrollerDown);
  73. })();