☰

Scroll to top

Przewijania okna do góry

当前为 2015-11-23 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Scroll to top
  3. // @namespace    el nino
  4. // @version      1.00
  5. // @author       el nino
  6. // @description  Przewijania okna do góry
  7. // @include      http://www.skyscrapercity.com/forumdisplay.php*
  8. // @include      http://www.skyscrapercity.com/showthread.php*
  9. // @include      http://www.skyscrapercity.com/showpost.php*
  10. // @require      https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js
  11. // @grant        GM_addStyle
  12. // ==/UserScript==
  13. 'use strict';
  14.  
  15. //Dodanie zmiennych
  16. var html = '<div id="scroll-to-top"></div>';
  17. var css = '#scroll-to-top { position: fixed; bottom: 30px; right: 30px; height: 50px; width: 50px; background-image: url(http://garua.pl/ssc/scroll_to_top.png); 	opacity: 0.3; cursor: pointer; 	display: none; }';
  18.  
  19. //Wstrzyknięcie html i css
  20. GM_addStyle(css);
  21. $('body').append(html);
  22.  
  23. //Sprawdzanie czy pokazać lub ukryrć przycisk
  24. $(window).on("load resize scroll",function(){
  25.     scrollButton();
  26. });
  27.  
  28. //Wyrywanie kliknięcia
  29. $('#scroll-to-top').click(function(){
  30.     scrollToTop();
  31. });
  32.  
  33. function scrollButton() {
  34.   if ($(window).scrollTop() > 100) {
  35.     $('#scroll-to-top').fadeIn();
  36.   } else {
  37.     $('#scroll-to-top').fadeOut();
  38.   }
  39. }  
  40.  
  41. function scrollToTop() {
  42.     $("body").animate({ scrollTop: 0 }, 600);
  43. }