User:So9q/gototop.js
Jump to navigation
Jump to search
Note: You may have to bypass your browser’s cache to see the changes. In addition, after saving a sitewide CSS file such as MediaWiki:Common.css, it will take 5-10 minutes before the changes take effect, even if you clear your cache.
- Mozilla / Firefox / Safari: hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (Command-R on a Macintosh);
- Konqueror and Chrome: click Reload or press F5;
- Opera: clear the cache in Tools → Preferences;
- Internet Explorer: hold Ctrl while clicking Refresh, or press Ctrl-F5.
- This script lacks a documentation subpage. Please create it.
- Useful links: root page • root page’s subpages • links • redirects • your own
/*
This was copied from [[User:Numbermaniac/goToTop.js]].
This script was created by Majr of the Minecraft Wiki.
The original script is available here:
http://minecraftwiki.net/User:Majr/goToTop.js */
$(function(){
'use strict';
$('body').append('<span id="to-top" class="noprint">▲ 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(){
var appearAt;
switch (mw.config.get("skin")) {
case 'minerva':
appearAt = 100;
break;
case 'cologneblue':
if ($("#p-wikibase-otherprojects").length) {
appearAt = $("#p-wikibase-otherprojects").position().top + $("#p-wikibase-otherprojects").outerHeight(true) - $(window).height() + 20 + $("#quickbar").position().top;
} else {
appearAt = $("#p-coll-print_export").position().top + $("#p-coll-print_export").outerHeight(true) - $(window).height() + 20 + $("#quickbar").position().top;
}
break;
default:
appearAt = $('#p-lang').position().top + $('#p-lang').outerHeight(true) - $(window).height() + 20;
}
if (appearAt < 100) {
appearAt = 100;
}
if ($(window).scrollTop() > appearAt ) {
$topButton.css('bottom', '4px');
}else{
$topButton.css('bottom', '-30px');
}
});
});