☰

Smoothscroll

Smooth scrolling on pages using javascript and jquery

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

  1. // ==UserScript==
  2. // @name Smoothscroll
  3. // @include     http*
  4. // @author       Creec Winceptor
  5. // @description  Smooth scrolling on pages using javascript and jquery
  6. // @namespace https://greasyfork.org/users/3167
  7. // @run-at document-idle
  8. // @grant    none
  9. // @grant       GM_getValue
  10. // @grant       GM_setValue
  11. // @grant       GM_registerMenuCommand
  12. // @version 0.0.1.20160528163457
  13. // ==/UserScript==
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21. //DEFAULT SETTINGS HERE 
  22. //DO NOT CHANGE ANYTHING HERE ANYMORE, USE SCRIPT COMMANDS -> CONFIGURE SMOOTHSCROLL
  23.  
  24.  
  25.  
  26.  
  27.  
  28.  
  29. //Smoothness factor value (how strong the smoothing effect is)
  30. //values: 1-(infinite) (default = 30)
  31. var smoothness = 30;
  32.  
  33.  
  34. //Scroll sensitivity
  35. //values: anything? (default 1.00)
  36. var sensitivity = 1.00;
  37.  
  38.  
  39. //Acceleration sensitivity
  40. //values: anything? (default 1.00)
  41. var acceleration = 1.00;
  42.  
  43.  
  44. //Refreshrate setting
  45. //values: 30-144 (default = 60/72/120/144 = same as your monitor hz)
  46. var baserefreshrate = 60;
  47.  
  48.  
  49. //Alternative scrolling multiplier
  50. //values: true/false (try to set this to true if scrolling is too slow/doesn't work)
  51. var alternative_sesitivity_multiplier = false;
  52.  
  53.  
  54.  
  55.  
  56.  
  57.  
  58.  
  59. //CODE STARTS HERE
  60.  
  61. var minimal_jquery_version = 200;
  62.  
  63. var DEBUG = false;
  64.  
  65. var WEBKIT = false;
  66.  
  67. //this.$ = this.jQuery = jQuery.noConflict(true);
  68.  
  69. if (window.top != window.self)  //don't run on frames or iframes
  70.     return;
  71.  
  72.  
  73.  
  74. if (smoothness>100)
  75. {
  76. 	smoothness = 100;
  77. }
  78.  
  79. if (baserefreshrate <= 30 || baserefreshrate>144)
  80. {
  81. 	baserefreshrate = 144;
  82. }
  83. refreshrate = baserefreshrate;
  84.  
  85. var animationduration = Math.round(1000/refreshrate);
  86. //var relativeratio = Math.round(51-smoothness/2)/100;
  87. var relativeratio = Math.round(1/(1+smoothness)*100)/100;
  88. //var relativeratio = relativeratio;
  89.  
  90.  
  91.  
  92. var lastLoop = new Date;
  93. //var lastrefreshrate = 0;
  94. function gameLoop() { 
  95. 	var thisLoop = new Date;
  96.     var refreshrate0 = 1000 / (thisLoop - lastLoop + 1);
  97.     lastLoop = thisLoop;
  98. 	
  99. 	refreshrate = refreshrate + (refreshrate0-refreshrate)*0.01;
  100. 	refreshrate = Math.round(refreshrate);
  101. 	
  102. 	if (DEBUG)
  103. 	{
  104. 		console.log(refreshrate);
  105. 	}
  106. 	
  107. 	animationduration = Math.round(1000/(refreshrate));
  108. 	//var relativeratio = Math.round(51-smoothness/2)/100;
  109. 	relativeratio = Math.round(1/(1+smoothness*refreshrate/baserefreshrate)*100)/100;
  110. }
  111. gameLoop();
  112.  
  113.  
  114. function InitSmoothscroll()
  115. {
  116.   
  117.   LoadConfig();
  118.  
  119.   InitConfigmenu();
  120.  
  121. var startposition = false;
  122. var targetposition = 0;
  123. var position = 0;
  124.  
  125. var scrollfocus = ss$('body');
  126. function hasScrollBarVisible(element)
  127. {
  128.   //return (document.documentElement.scrollHeight !== document.documentElement.clientHeight);
  129.  
  130.   // Get the computed style of the body element
  131.   var cStyle = element.currentStyle||window.getComputedStyle(element, "");
  132.  
  133.   // Check the overflow and overflowY properties for "auto" and "visible" values
  134.   var scrollbar1 = cStyle.overflow == "scroll" || cStyle.overflowY == "scroll";
  135.  
  136. 	var scrollbar2 = cStyle.overflow == "auto" || cStyle.overflowY == "auto";
  137. 	
  138. 	var scrollbar = scrollbar1 || scrollbar2;
  139.  
  140.   return scrollbar;
  141. }
  142.  
  143.  
  144. function hasscrollbars(scrollfocus)
  145. {
  146. 	var hasvisiblescrollbars = hasScrollBarVisible(scrollfocus);
  147. 	var parentelement = ss$(scrollfocus).parent();
  148. 	if ( ss$(parentelement))
  149. 	{
  150. 		//if (ss$(parentelement).is("textarea") || ss$(scrollfocus).is("textarea"))
  151. 		if (ss$(parentelement).is("textarea") || ss$(scrollfocus).is("textarea") || ss$(parentelement).is("article") || ss$(parentelement).is("article"))
  152. 		{
  153. 			return true;
  154. 		}
  155. 		else
  156. 		{
  157. 			if (ss$(parentelement).hasClass( "yt-scrollbar" ) || ss$(scrollfocus).hasClass( "yt-scrollbar" ))
  158. 			{
  159. 				return true;
  160. 			}
  161. 			return hasvisiblescrollbars;
  162. 		}
  163. 	}
  164. 	else
  165. 	{
  166. 		//scrollfocus = ss$('body');
  167. 		//maxposition = ss$(scrollfocus).height();
  168. 		return hasvisiblescrollbars;
  169. 	}
  170. 	return false;
  171. }
  172.  
  173. function UpdatePosition(element)
  174. {
  175. 	gameLoop();
  176. 	
  177. 	var positiondelta = ss$(element)[0].getAttribute( "positiondelta" );
  178. 	//var smoothdelta = Math.sqrt(positiondelta*positiondelta*relativeratio);
  179. 	
  180. 	var smoothdelta = Math.sqrt(positiondelta*positiondelta*relativeratio);
  181. 	
  182. 	if (positiondelta<0)
  183. 	{
  184. 		smoothdelta = smoothdelta*(-1);
  185. 	}
  186. 	
  187. 	//var relative = position - ss$(element).scrollTop();
  188. 	//console.log("smoothdelta:" + smoothdelta);
  189. 	
  190. 	if (Math.abs( (positiondelta-smoothdelta)) <= 1 )
  191. 	{
  192. 		ss$(element).stop();
  193. 		ss$(element).animate({
  194. 			scrollTop: '+=' + Math.round(positiondelta)
  195. 		}, animationduration, "linear", function() {
  196. 			ss$(element).attr( "positiondelta",0 );
  197. 			ss$(element)[0].setAttribute( "positiondelta",0 );
  198. 			if (DEBUG)
  199. 			{
  200. 				ss$(element).css( "border", "1px solid red" );
  201. 			}
  202. 		});
  203. 	}
  204. 	else
  205. 	{
  206. 		
  207. 		ss$(element).stop();
  208. 		ss$(element).animate({
  209. 			scrollTop: '+=' + Math.round(smoothdelta)
  210. 		}, animationduration, "linear", function() {
  211. 			ss$(element).attr( "positiondelta",positiondelta-smoothdelta );
  212. 			ss$(element)[0].setAttribute("positiondelta",positiondelta-smoothdelta );
  213. 			UpdatePosition(element);
  214. 			if (DEBUG)
  215. 			{
  216. 				ss$(element).css( "border", "1px solid red" );
  217. 			}
  218. 		});
  219. 	}
  220. }
  221.  
  222.  
  223.  function MouseScroll (x,y,e) {
  224. 	 scrollfocus = UpdateFocus(x,y);
  225. 	
  226. 	 var positiondelta = 0;
  227. 	 var lastscrolltop = 0;
  228.  
  229. 	 var parentelement = ss$(scrollfocus).parent();
  230. 	 if ( ss$(parentelement))
  231. 	 {
  232. 		 if (ss$(parentelement).is("textarea") || ss$(scrollfocus).is("textarea"))
  233. 		 {
  234. 			 //return true;
  235. 		 }
  236. 		 else
  237. 		 {
  238. 			 if ( ss$(parentelement).height() < ss$(scrollfocus).height())
  239. 			 {
  240. 				 //maxposition = ss$(scrollfocus).height() - ss$(parentelement).height();
  241. 			 }
  242. 			 else
  243. 			 {
  244. 				 if (ss$(scrollfocus).height()==0)
  245. 				 {
  246. 					 //scrollfocus = ss$('body');
  247. 					 //maxposition = ss$(scrollfocus).height();
  248. 				 }
  249.  
  250. 				 //scrollfocus = ss$('body');
  251. 				 //return MouseScroll (event);
  252. 				 //return true;
  253. 			 }
  254. 		 }
  255. 	 }
  256. 	 else
  257. 	 {
  258. 		 //scrollfocus = ss$('html');
  259. 		 //maxposition = ss$(scrollfocus).height();
  260. 	 }
  261. 	 
  262. 	 var rolled = y;
  263. 	 
  264. 	 //console.log("rolled: " + rolled);
  265. 	
  266. 	 //if (ss$(scrollfocus).data("positiondelta" )==undefined)
  267. 	 //$embellishment.data("embellishmentid",1)
  268. 	 
  269. 	 	var lastscrolltop = ss$(scrollfocus).scrollTop();
  270. 	 	ss$(scrollfocus).scrollTop(lastscrolltop+rolled);
  271. 	 	if (ss$(scrollfocus).scrollTop()==lastscrolltop)
  272. 		{
  273. 			if (!ss$(scrollfocus).is("html"))
  274. 			{
  275. 				focus = parentelement;
  276. 				//focus = UpdateFocus(event);
  277. 				//return MouseScroll (event);
  278. 				//console.log("false");
  279. 				//return false;
  280. 			}
  281. 			else
  282. 			{
  283.               	//console.log("true");
  284. 				//return false;
  285. 			}
  286. 		}
  287. 	 	else
  288. 		{
  289. 			e.preventDefault();
  290. 		}
  291. 	    ss$(scrollfocus).scrollTop(lastscrolltop);
  292.    
  293.  	//console.log(scrollfocus);
  294.    
  295. 	 	 if (ss$(scrollfocus)[0].getAttribute("positiondelta")==undefined)
  296. 		 
  297. 		 {
  298. 			 positiondelta = 0;
  299. 			 //console.log("positiondelta: undefined");
  300. 		 }
  301. 	 else
  302. 		 {
  303. 			 positiondelta = ss$(scrollfocus)[0].getAttribute("positiondelta");
  304. 			 //console.log("positiondelta: " + positiondelta);
  305. 		 }
  306. 	 positiondelta = positiondelta*1;
  307.    
  308. 	 var direction = rolled/Math.abs(rolled);
  309. 	 //var positiondeltadelta = rolled*sensitivity + Math.sqrt(Math.abs(positiondelta/rolled))*acceleration*rolled;
  310. 	 
  311. 	 //var positiondeltadelta = rolled*(sensitivity+Math.sqrt(Math.abs(positiondelta))*acceleration);
  312. 	 //
  313. 	 var positiondeltadelta = Math.round(rolled*sensitivity + Math.sqrt(Math.abs(positiondelta-rolled*sensitivity))*acceleration*rolled*0.03/sensitivity);
  314. 	 
  315. 	 positiondelta = positiondelta + positiondeltadelta;
  316. 	
  317. 	 ss$(scrollfocus)[0].setAttribute("positiondelta",positiondelta );
  318. 	 
  319. 	 
  320. 	 UpdatePosition(ss$(scrollfocus));
  321. 	 
  322. 	 //element.innerHTML = "";
  323. 	 //console.log("pos:" + position);
  324. 	 //event.preventDefault();
  325. 	 return true;
  326.  }
  327.  
  328.  function canscroll(element, dir)
  329. {
  330. 	var scrollable = ss$(element);
  331. 	var lastscrolltop = ss$(scrollable).scrollTop();
  332. 	ss$(scrollable).scrollTop(lastscrolltop+dir);
  333. 	if (ss$(scrollable).scrollTop()==lastscrolltop)
  334. 	{
  335. 		ss$(scrollable).scrollTop(lastscrolltop);
  336. 		return false;
  337. 	}
  338. 	else
  339. 	{
  340. 		ss$(scrollable).scrollTop(lastscrolltop);
  341. 		return true;
  342. 	}
  343. 	
  344. }
  345.  
  346. function UpdateFocus(x,y) {
  347. 	 /*var dir = 0;
  348. 	 if ('wheelDelta' in event) {
  349. 		 dir = event.wheelDelta;
  350. 	 }
  351. 	 else {  // Firefox
  352. 		 // The measurement units of the detail and wheelDelta properties are different.
  353. 		 dir = event.detail*(-120);
  354. 	 }*/
  355. 	var dir = y;
  356. 	//console.log(dir);
  357. 	 //dir = dir*(-1);
  358. 	 //
  359. 	 	var nodelist = document.querySelectorAll( ":hover" );
  360. 		ss$(nodelist).stop();
  361.   	//console.log(nodelist);
  362. 	 	if (WEBKIT)
  363.         {
  364.         	scrollfocus = ss$('body');
  365.         }
  366.   		else
  367.         {
  368.             scrollfocus = ss$('html');
  369.         }
  370.   		
  371. 	 	for (var i = nodelist.length-1; i >= 0; i--) { 
  372. 				//var parent = nodelist[i-1];
  373. 			  var newfocus = nodelist[i];
  374. 				if (DEBUG)
  375. 				{
  376. 					ss$(newfocus).css( "border", "1px solid blue" );
  377. 					//var debugtimer = setTimeout(function(){ ss$(newfocus).css( "border", "0px solid white" ); }, 1000);
  378. 				}
  379. 				//if (ss$(newfocus).hasScrollBar3() && hasScrollBarVisible(newfocus) && canscroll(newfocus, dir) && hasscrollbars(newfocus))
  380. 				if (canscroll(newfocus, dir) && hasscrollbars(newfocus))
  381. 				{
  382. 					scrollfocus = ss$(newfocus);
  383. 					return newfocus;
  384. 				}
  385.  		}
  386.  
  387. 	 return scrollfocus;
  388.  }
  389. 	
  390. 		ss$('body').bind({
  391. 			/*
  392. 			 mousewheel: function(e) {
  393. 			if (DEBUG)
  394. 			{
  395. 				console.log(scrollfocus);
  396. 			}
  397. 			  console.log("scrolling");
  398. 			  MouseScroll(e.originalEvent);
  399. 		  },
  400. 		  */
  401. 			
  402. 		  mousedown: function(e) {
  403. 			 if (DEBUG)
  404. 			{
  405. 				console.log(scrollfocus);
  406. 			}
  407. 			  if (scrollfocus)
  408. 			{
  409. 			  ss$(scrollfocus)[0].setAttribute( "positiondelta",0 );
  410. 			  ss$(scrollfocus).stop();
  411. 			}
  412. 				//scrollfocus = UpdateFocus(e.originalEvent);
  413. 			  //console.log("click");
  414. 		  }
  415. 		});
  416. //Init(window);
  417.  
  418. (function(window,document) {
  419.  
  420.     var prefix = "", _addEventListener, onwheel, support;
  421.  
  422.     // detect event model
  423.     if ( window.addEventListener ) {
  424.         _addEventListener = "addEventListener";
  425.     } else {
  426.         _addEventListener = "attachEvent";
  427.         prefix = "on";
  428.     }
  429.  
  430.     // detect available wheel event
  431.     support = "onwheel" in document.createElement("div") ? "wheel" : // Modern browsers support "wheel"
  432.               document.onmousewheel !== undefined ? "mousewheel" : // Webkit and IE support at least "mousewheel"
  433.               "DOMMouseScroll"; // let's assume that remaining browsers are older Firefox
  434.  
  435.     window.addWheelListener = function( elem, callback, useCapture ) {
  436.         _addWheelListener( elem, support, callback, useCapture );
  437.  
  438.         // handle MozMousePixelScroll in older Firefox
  439.         if( support == "DOMMouseScroll" ) {
  440.             _addWheelListener( elem, "MozMousePixelScroll", callback, useCapture );
  441.         }
  442.     };
  443.  
  444.     function _addWheelListener( elem, eventName, callback, useCapture ) {
  445.         elem[ _addEventListener ]( prefix + eventName, support == "wheel" ? callback : function( originalEvent ) {
  446.             !originalEvent && ( originalEvent = window.event );
  447.  
  448.             // create a normalized event object
  449.             var event = {
  450.                 // keep a ref to the original event object
  451.                 originalEvent: originalEvent,
  452.                 target: originalEvent.target || originalEvent.srcElement,
  453.                 type: "wheel",
  454.                 deltaMode: originalEvent.type == "MozMousePixelScroll" ? 0 : 1,
  455.                 deltaX: 0,
  456.                 deltaZ: 0,
  457.                 preventDefault: function() {
  458.                     originalEvent.preventDefault ?
  459.                         originalEvent.preventDefault() :
  460.                         originalEvent.returnValue = false;
  461.                 }
  462.             };
  463.             
  464.             // calculate deltaY (and deltaX) according to the event
  465.             if ( support == "mousewheel" ) {
  466.                 event.deltaY = - 1/40 * originalEvent.wheelDelta;
  467.                 // Webkit also support wheelDeltaX
  468.                 originalEvent.wheelDeltaX && ( event.deltaX = - 1/40 * originalEvent.wheelDeltaX );
  469.             } else {
  470.                 event.deltaY = originalEvent.detail;
  471.             }
  472.  
  473.             // it's time to fire the callback
  474.             return callback( event );
  475.  
  476.         }, useCapture || false );
  477.     }
  478.  
  479. })(window,document);
  480. 	
  481. addWheelListener( window, function( e ) { 
  482. 	var mul = 1;
  483. 	if (!WEBKIT || alternative_sesitivity_multiplier)
  484. 		mul = 40;
  485. 	//console.log( e.deltaY ); 
  486. 	MouseScroll(e.deltaX*mul,e.deltaY*mul, e);
  487. });	
  488.  
  489.   /*var oldpos = ss$('body').scrollTop();
  490.   ss$('body').scrollTop(1);
  491.   var iswebkit = ss$('body').scrollTop()>0;
  492.   ss$('body').scrollTop(oldpos);*/
  493.  
  494.   //WEBKIT = 'webkitRequestAnimationFrame' in window;
  495.   WEBKIT = document.compatMode == 'CSS1Compat'
  496.   
  497.   //console.log("window: " + window);
  498.   console.log("Smoothscroll initiated! Webkit: " + WEBKIT);
  499. }
  500.  
  501. var JQUERY = false;
  502. var OWNJQUERY = false;
  503. var OLDJQUERY = false;
  504.  
  505. var old$;
  506. var oldjQuery;
  507.  
  508. //max retries
  509. var r_max = 10;
  510. var r_count = 0;
  511.  
  512. function Init(LEGACYWORKAROUND) {
  513.   //if (typeof jQuery == 'function')  {  
  514.   //if (typeof jQuery == 'undefined' || typeof $ == 'undefined' ) 
  515.   JQUERY = true;
  516.   if (typeof $ == 'undefined') 
  517.   {
  518.     JQUERY = false;
  519.   }
  520.   else
  521.   {
  522.     if (typeof old$ == 'undefined') {
  523.       old$ = $;
  524.     }
  525.   }
  526.   
  527.   if (typeof jQuery == 'undefined' ) 
  528.   {
  529.     JQUERY = false;
  530.   } 
  531.   else
  532.   {
  533.     if (typeof oldjQuery == 'undefined') {
  534.       oldjQuery = jQuery;
  535.     }
  536.   }
  537.   
  538.   OWNJQUERY = true;
  539.   if (typeof ss$ == 'undefined' ) 
  540.   {
  541.     OWNJQUERY = false;
  542.   }
  543.   
  544.   if (!OWNJQUERY){
  545.     if (JQUERY) {
  546.       var versiontable = $.fn.jquery.split('.');
  547.       var version = 0;
  548.       for (var i = versiontable.length-1; i >= 0; i--) { 
  549.         var power = versiontable.length-i;
  550.         version += Math.pow(10,power-1)*versiontable[i];
  551.       }
  552.  
  553.       if (version<=minimal_jquery_version && LEGACYWORKAROUND)
  554.       {
  555.         console.log("Page jQuery OLD! Version: " + version);
  556.         OLDJQUERY = true;
  557.       }
  558.       else
  559.       {
  560.         ss$ = $;
  561.         OWNJQUERY = true;
  562.       }
  563.       
  564.     }
  565.     else
  566.     {
  567.       console.log("Page jQuery Missing!");
  568.     }
  569.   }
  570.   if (!OWNJQUERY && LEGACYWORKAROUND)
  571.   {
  572.     console.log("Loading new jQuery...");  
  573.  
  574.     //this.$ = this.jQuery = jQuery.noConflict(true);
  575.     //var $ = jQuery.noConflict();
  576.  
  577.     //this.$ = this.jQuery = jQuery.noConflict(true);
  578.  
  579.  
  580.     var filename = "https://code.jquery.com/jquery-2.2.3.js";
  581.     var fileref = document.createElement('script');
  582.     fileref.setAttribute("type","text/javascript");
  583.     fileref.setAttribute("src", filename);
  584.  
  585.     if (typeof fileref!="undefined")
  586.     {
  587.       var scriptparent = document.getElementsByTagName("head")[0];
  588.  
  589.       if (typeof scriptparent=="undefined")
  590.       {
  591.         var scriptparent = document.createElement('head');
  592.         document.getElementsByTagName("html")[0].appendChild(scriptparent);
  593.       }
  594.       scriptparent.appendChild(fileref);
  595.     }
  596.  
  597.     if (r_count<r_max)
  598.     {
  599.       setTimeout(function() {
  600.           Init(LEGACYWORKAROUND);
  601.       }, 300);
  602.       return 0;
  603.     }
  604.     else
  605.     {
  606.       console.log("Failed to load smoothscroll!");
  607.     }
  608.     r_count++;
  609.   }
  610.   if (OWNJQUERY) {
  611.     var versiontable = ss$.fn.jquery.split('.');
  612.     var version = 0;
  613.     for (var i = versiontable.length-1; i >= 0; i--) { 
  614.       var power = versiontable.length-i;
  615.       version += Math.pow(10,power-1)*versiontable[i];
  616.     }
  617.  
  618.     console.log("Script jQuery OK! Version: " + version);
  619.     InitSmoothscroll();	
  620.   }
  621.   if (LEGACYWORKAROUND) {
  622.     console.log("Restoring original jQuery...");  
  623.     
  624.     if (typeof old$ != 'undefined') {
  625.       $ = old$;
  626.     }
  627.      if (typeof oldjQuery != 'undefined') {
  628.       jQuery = oldjQuery;
  629.     }
  630.     
  631.     if (OLDJQUERY)
  632.     {
  633.   		var versiontable = $.fn.jquery.split('.');
  634.         var version = 0;
  635.         for (var i = versiontable.length-1; i >= 0; i--) { 
  636.           var power = versiontable.length-i;
  637.           version += Math.pow(10,power-1)*versiontable[i];
  638.         }
  639.  
  640.         console.log("Page jQuery OK! Version: " + version);
  641.     }
  642.     
  643.   }
  644.  
  645.   console.log("Finished loading smoothscroll!");
  646. }
  647.  
  648. function LoadConfig()
  649. {
  650.   smoothness = GM_getValue( 'smoothness', smoothness );
  651.   sensitivity = GM_getValue( 'sensitivity', sensitivity );
  652.   acceleration = GM_getValue( 'acceleration', acceleration );
  653.   baserefreshrate = GM_getValue( 'baserefreshrate', baserefreshrate );
  654.   //alternative_sesitivity_multiplier = GM_getValue( 'alternative_sesitivity_multiplier', alternative_sesitivity_multiplier );
  655.   console.log("Config for smoothscroll loaded!")
  656. }
  657.  
  658. function SaveConfig()
  659. {
  660.   GM_setValue( 'smoothness', document.getElementById('ss-smoothness').value)
  661.   GM_setValue( 'sensitivity', document.getElementById('ss-sensitivity').value)
  662.   GM_setValue( 'acceleration', document.getElementById('ss-acceleration').value)
  663.   GM_setValue( 'baserefreshrate', document.getElementById('ss-baserefreshrate').value)
  664.   //console.log(document.getElementById('ss-alternative_sesitivity_multiplier').checked)
  665.   console.log("Config for smoothscroll saved!")
  666. }
  667.  
  668. function InitConfigmenu()
  669. {
  670.     var configbar = document.createElement('div');
  671.     configbar.setAttribute("id","ss-configbar");
  672.  	
  673.   	configbar.innerHTML = '<div style="display:block; width: 100%; height: auto; border: 0px solid #aaaaaa; background-color: grey;">Config page for smoothscroll:</div><div id="ss-config" style="margin:3px; display:block; width: auto; height: auto; border: 0px solid #554433;"><table style="width:auto;"><tr><td>Smoothness</td><td><input type="number" id="ss-smoothness" min="0" max="100" value="' + smoothness + '"></td><td> Smoothness factor value (how strong the smoothing effect is)</td></tr><tr><td>Sensitivity</td><td><input type="number" id="ss-sensitivity" min="0" max="100" value="' + sensitivity + '"></td><td> Scroll sensitivity (duh)</td></tr><tr><td>Acceleration</td><td><input type="number" id="ss-acceleration" min="0" max="100" value="' + acceleration + '"></td><td> Acceleration of continuous scroll action (saves your finger)</td></tr><tr><td>Refreshrate</td><td><input type="number" id="ss-baserefreshrate" min="1" max="100" value="' + baserefreshrate + '"></td><td>Refreshrate of scrollanimation (60Hz default)</td></tr></table></div><div style="width: 100%; height: auto; text-align: center; background-color: grey;"><input id="ss-save" type="button" value="Save config" style="width: 44%; height: auto; border: 0px solid #aaaaaa; margin: 3px"/><input id="ss-close" type="button" value="Close config" style="width: 44%; height: auto; border: 0px solid #aaaaaa; margin: 3px"/><div>';
  674.   	
  675.   	
  676.     var configparent = document.getElementsByTagName("body")[0];
  677.   	configbar.style.width = '100%';  
  678.   	configbar.style.display = 'none';  
  679.   	configbar.style.position = 'absolute';
  680. 	configbar.style.zIndex = '99';
  681.   	configbar.style.backgroundColor = 'white';
  682.   
  683.   	configparent.insertBefore(configbar, configparent.childNodes[0]);
  684.   	
  685.     ss$("#ss-close").click(function() {
  686.       //ss$("#ss-config").animate({
  687.       //  height: '0'
  688.       //}, 100);
  689.       ss$("#ss-configbar").hide("slow");
  690.     });
  691.      ss$("#ss-save").click(function() {
  692.       SaveConfig();
  693.     });
  694.   
  695.   //ss$("#ss-configbar").hide();
  696. }
  697.  
  698. function ConfigSmoothscroll()
  699. {
  700.   if (!OWNJQUERY){
  701.     alert("Smoothscroll is not running properly on this page!");
  702.     return;
  703.   }
  704.   //ss$("#ss-config").animate({
  705.   //  height: '100px'
  706.   //}, 100);
  707.   ss$("#ss-configbar").show("slow");
  708.   ss$("html, body").animate({ scrollTop: 0 }, "slow");
  709. }
  710.  
  711. GM_registerMenuCommand("Configurate smoothscroll", ConfigSmoothscroll);
  712.  
  713. console.log("Loading smoothscroll...");
  714. Init(true);
  715. //InitSmoothscroll();