User:Sminthopsis84/common.js

From Simple English Wikipedia, the free encyclopedia

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/*******************************************************************************
 * This section has a script that I like to use. It provides a button for going to the
 * top of a long page. I have copied it from 
 * https://en.wikipedia.org/wiki/User:Numbermaniac/goToTop.js
 * User:Numbermaniac's statement about copyright is:                            */
/*This script was given to me by ultradude25 of the Minecraft Wiki.
If adding this to your userspace, please provide attribution to the original author.
http://minecraftwiki.net/wiki/User:ultradude25/goToTop.js/ */
$( function() {
'use strict';
 
 
$( 'body' ).append( '<span id="to-top">▲ Go to top</span>' );
var $topButton = $( '#to-top' );
 
$topButton.css( {
	'color': '#000',
	'position': 'fixed',
	'bottom': '-30px',
	'left': '4px',
	'cursor': 'pointer',
	'transition': 'bottom 0.5s',
	'-webkit-transition': 'bottom 0.5s',
	'user-select': 'none',
	'-webkit-user-select': 'none',
	'-moz-user-select': 'none',
	'-ms-user-select': 'none'
} ).click( function() {
	$( 'html, body' ).animate( { scrollTop: 0 }, 'slow' );
} );
 
$( window ).scroll( function() {
	if ( $( window ).scrollTop() > 100 ) {
		$topButton.css( 'bottom', '4px' );
	} else {
		$topButton.css( 'bottom', '-30px' );
	}
} );
 
 
} );