☰

Scroll Up

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

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