Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // ==UserScript==
- // @name Scroll to Bottom or Top (by midpoint - GreasyFork)- TWEAK
- // @author midpoint
- // @description - TWEAK GRANT - CSS Z-index + skip all iframe - 为网页增加滚到页首和页尾的按钮
- // @version 2014.9.21
- // @include *
- // @exclude http://*facebook.com*
- // @exclude https://*facebook.com*
- // @namespace https://greasyfork.org/users/5506
- // @grant none
- // ==/UserScript==
- // [1] skip all iframe
- // Frome TopAndDownButtonsEverywhere [OpenUserJs
- // https://openuserjs.org/scripts/MAX30/TopAndDownButtonsEverywhere/source
- if (window.self!=window.top) {return}
- // TWEAK top button - SMALLER
- var a = document.createElement('span');
- var c = 'opacity:0.5;-moz-transition-duration:0.2s;-webkit-transition-duration:0.2s;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUBAMAAAByuXB5AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAbUExURf///6qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqpshoL4AAAAIdFJOUwARM2aImczuGAB4owAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAEZJREFUGNNj6IABBgQLB2BME4CyxDoSIQymio52BTBLHaixCMRgrgCy2g2ALAuwac0MDCxQgx0YIqCsVhTbOIBUA9gUslkA7dcxR/3Xli8AAAAASUVORK5CYII=") no-repeat scroll 50% 50% rgba(197, 198, 198, 0.35);border-radius:0px 0px 0px 0px;cursor:pointer;position:fixed;bottom:50%;width:8px;height:23px;right:6px;z-index:105000';
- a.style.cssText = c;
- a.addEventListener('mouseover', function(){ a.style.opacity = 1;}, false);
- a.addEventListener('mouseout', function(){ a.style.opacity = 0.5; }, false);
- a.addEventListener('click', function(){ window.scrollTo(0,0); }, false);
- //a.addEventListener('click', function(){ $("html,body").animate({scrollTop:"0px"},200); }, false );
- document.body.appendChild(a);
- //bottom button - SMALLER
- var newHeight = document.body.scrollHeight;
- var b = document.createElement('span');
- var d = 'opacity:0.5;-moz-transition-duration:0.2s;-webkit-transition-duration:0.2s;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUBAMAAAByuXB5AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAbUExURf///6qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqpshoL4AAAAIdFJOUwARM2aImczuGAB4owAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAE1JREFUGNNjYGDg6OjoaGAAAfJZHTDAEAFltDKwQFkODAwWYEYzUCFzBZDRbgDSqw5kFYFNYaroaFcAsxjEOhIhDAbGNAEGHABhG5wFAH6qMUfw6SaOAAAAAElFTkSuQmCC") no-repeat scroll 50% 50% rgba(197, 198, 198, 0.35);border-radius:0px 0px 0px 0px;cursor:pointer;position:fixed;bottom:47%;width:8px;height:23px;right:6px;z-index:105000';//top:52%;
- b.style.cssText = d;
- b.addEventListener('mouseover', function(){ b.style.opacity = 1; }, false);
- b.addEventListener('mouseout', function(){ b.style.opacity = 0.5; }, false);
- b.addEventListener('click', function(){ window.scrollTo(0,newHeight); }, false);
- document.body.appendChild(b);
- var lastScrollY=0;
- (function gotop(){
- var diffY;
- diffY = document.documentElement.scrollTop+document.body.scrollTop;
- percent=.1*(diffY-lastScrollY);
- if(percent>0)percent=Math.ceil(percent);
- else percent=Math.floor(percent);
- lastScrollY=lastScrollY+percent;
- if(lastScrollY>100){
- a.style.display="block";b.style.display="block";
- } else {
- b.style.display="block";a.style.display="none";
- }
- setTimeout(gotop,1);
- })();
Add Comment
Please, Sign In to add comment