MediaWiki:Gadget-LetYouDown.js
外观
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/**
* -------------------------------------------------------------------------
* !!! DON'T MODIFY THIS PAGE MANUALLY, YOUR CHANGES WILL BE OVERWRITTEN !!!
* -------------------------------------------------------------------------
*/
var _addText = '{{GHIACode|page=GHIA:MoegirlPediaInterfaceCodes/blob/master/src/gadgets/LetYouDown/Gadget-LetYouDown.js|user=[[U:AnnAngela]]|co-authors=GH:github-actions[bot]|longId=103d1a563ea4ccc8ff29fb55c9bcd88329a56eb5|shortId=103d1a56|summary=feat: rename (#594)|body=<nowiki>Co-authored-by: github-actions[bot] <41898282+github-actions[bot]📧users.noreply.github.com></nowiki>}}';
/* <pre> */
"use strict";
$(() => {
const container = $("#mw-content-text");
const getScrollTop = () => {
const headings = $("#mw-content-text .mw-parser-output > :is(h1, h2)");
return (headings.length >= 3 ? headings.last().offset().top : container.offset().top + container.outerHeight()) - 20;
};
let scrollTop = getScrollTop();
setInterval(() => {
scrollTop = getScrollTop();
}, 7130);
const btn = insertToBottomRightCorner("跳到底部").attr({
title: "跳到底部",
id: "LetYouDown",
}).css({
"user-select": "none",
transition: "opacity .13s ease-in-out",
order: "999",
}).on("click", () => {
$("html, body").animate({
scrollTop: scrollTop,
}, 130);
});
const $document = $(document);
$(window).on("resize", () => {
scrollTop = getScrollTop();
}).on("scroll", () => {
btn.css("opacity", $document.scrollTop() < scrollTop ? ".6" : "0");
}).trigger("scroll");
});
/* </pre> */