MediaWiki:Gadget-Backtotop.js

提供:エケペディア
ナビゲーションに移動 検索に移動

注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。

  • Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
  • Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
  • Internet Explore/Edger: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください
  • Opera: Ctrl-F5を押してください
https://zh.moegirl.org/MediaWiki:Gadget-Backtotop.js

$(function() {
    var txt = "↑",
        btn = $('<div/>', {
            'text': txt,
            'attr': {
                'title': txt,
                'class': 'backToTop'
            },
            'css': {
                'user-select': 'none',
                'display': 'none',
                'width': '20px',
                'padding': '5px 0',
                'background-color': '#000',
                'color': '#fff',
                'font-size': '12px',
                'text-align': 'center',
                'position': 'fixed',
                '_position': 'absolute',
                'right': '0',
                'bottom': '100px',
                '_bottom': '"auto"',
                'cursor': 'pointer',
                'opacity': '.6',
                'filter': 'Alpha(opacity=60)'
            },
            'on': {
                'click': function() {
                    $("html, body").animate({
                        scrollTop: 0
                    }, 120);
                }
            }
        }).appendTo(document.body);
    $(window).on('scroll', function() {
        $(document).scrollTop() > 0 ? btn.fadeIn() : btn.fadeOut();
    }).scroll();
});