Button Up

Кнопка вверх

  1. // ==UserScript==
  2. // @name Button Up
  3. // @name: ru
  4. // @namespace https://greasyfork.org/ru/users/9970-spacecatsch
  5. // @icon http://www.macwrench.de/images/thumb/d/db/Vorschlag.png/64px-Vorschlag.png
  6. // @description Кнопка вверх
  7. // @include *
  8. // @version 0.2
  9. // @grant none
  10.  
  11. // ==/UserScript==
  12. (function($){
  13. $.fn.liScrollToTop = function(params){
  14. return this.each(function(){
  15. var scrollUp = $(this);
  16. scrollUp.hide();
  17. if ($(window).scrollTop() > 0) scrollUp.fadeIn("slow")
  18. $(window).scroll(function() {
  19. if ($(window).scrollTop() <= 0) scrollUp.fadeOut("slow")
  20. else scrollUp.fadeIn("slow")
  21. });
  22. scrollUp.click(function() {
  23. $("html, body").animate({scrollTop: 0}, "slow")
  24. })
  25. });
  26. };
  27. })(jQuery);
  28.  
  29. /*Инициализация плагина*/
  30. $(function(){
  31. $('.scrollUp').liScrollToTop();
  32. });
  33.  
  34. //BTN
  35. var parentElem = document.body.children[0];
  36. var newBTN = document.createElement('div');
  37. newBTN.id = "btn";
  38. newBTN.innerHTML = '<div class="scrollUp" style="margin:0 auto;position:fixed;top:auto;bottom:10px;left:auto;right:50%;border-radius:1px;'+
  39. 'background:transparent;z-index:9999;opacity:0.7;cursor:pointer;padding:1px 5px 3px;text-align:center;">'+
  40. '<div id="newBTN" style="width:40px;height:40px;text-align:center;background: url(http://www.macwrench.de/images/thumb/d/db/Vorschlag.png/64px-Vorschlag.png);background-size: cover; background-size: 40px 40px; background-repeat: no-repeat;"></div></div>';
  41. parentElem.appendChild(newBTN);