MediaWiki:Gadget-GoToTop.js: Difference between revisions

Latest revision as of 23:56, April 3, 2017

$('body').append('<span id="to-top" style="text-decoration:none;text-shadow: 1px 1px 1px #aaa;"><img src="/wiki/images/thumb/e/e6/Triforce.png/16px-Triforce.png" style="vertical-align: baseline;" border="0" alt="Go to top" /> Go to top</span>');
var $topButton = $('#to-top');
$topButton.css({
    'color': '#000',
    'position': 'fixed',
    'bottom': '-30px',
    'right': '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');
    }
});