Jump to content

User:BrandonXLF/ToTopButton.js

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
/*** To Top Button ***/

// Adds a floating "go to top" button on the bottom-right of the screen
// Documentation at [[en:w:User:BrandonXLF/TopButton]]
// By [[en:w:User:BrandonXLF]]

$(function() {
	mw.loader.load('https://en.wikipedia.org/wiki/User:BrandonXLF/ToTopButton.css?action=raw&ctype=text/css', 'text/css');

	var circle = $('<div>')
		.appendTo('body')
		.addClass('topButtonCircle')
		.on('click', function() {
			$('html').animate({scrollTop: 0});
		})
		.append('<div></div>');

	$(window).scroll(function() {
		if ($(window).scrollTop() > 100) {
			circle.fadeIn();
		} else {
			circle.fadeOut();
		}
	});
});