Inamin：建立內容為「/* scrollUpButton * Add a button to scroll up to the top of the current page. * @rev 3 (2019-28-07) * @author Kwj2772 * @contributor Perhelion * No internationali…」的新頁面

2021-03-21T16:59:18Z

建立內容為「/* scrollUpButton * Add a button to scroll up to the top of the current page. * @rev 3 (2019-28-07) * @author Kwj2772 * @contributor Perhelion * No internationali…」的新頁面

新頁面

/* scrollUpButton
* Add a button to scroll up to the top of the current page.
* @rev 3 (2019-28-07)
* @author Kwj2772
* @contributor Perhelion
* No internationalisation required
* <nowiki>
*/
/* global $:false */
$(function () {
'use strict';

var $icon = '//upload.wikimedia.org/wikipedia/commons/5/59/Font_Awesome_5_regular_arrow-circle-up_blue.svg';

if (!document.implementation.hasFeature('http://www.w3.org/TR/SVG11/feature#Image', '1.1'))
$icon = '//upload.wikimedia.org/wikipedia/commons/thumb/5/59/Font_Awesome_5_regular_arrow-circle-up_blue.svg/32px-Font_Awesome_5_regular_arrow-circle-up_blue.svg.png';

$icon = $('<img>', {
src: $icon,
id: 'scrollUpButton'
}).css({
position: 'fixed',
bottom: '24px',
right: '18px',
opacity: 0.7,
cursor: 'pointer',
display: 'none'
}).on('click', function () {
// Move to the top of the page
$('html, body').animate({ scrollTop: 0 }, 660);
}).on('mouseenter mouseleave', function (e) {
this.style.opacity = e.type === 'mouseenter' ? 1 : 0.7;
}).appendTo('body');

$(window).on('scroll', function () {
// Fade out if you reach the top of the page
if ($(this).scrollTop() > 60) $icon.fadeIn('slow');
else $icon.fadeOut('slow');
});

}());
// </nowiki>

MediaWiki:Gadget-scrollUpButton.js - 修訂紀錄

Inamin：​建立內容為「/* scrollUpButton * Add a button to scroll up to the top of the current page. * @rev 3 (2019-28-07) * @author Kwj2772 * @contributor Perhelion * No internationali…」的新頁面

Inamin：建立內容為「/* scrollUpButton * Add a button to scroll up to the top of the current page. * @rev 3 (2019-28-07) * @author Kwj2772 * @contributor Perhelion * No internationali…」的新頁面