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();
}
});
});
You must be logged in to post a comment.