Gadget:backToTop.js - 版本历史

Litwak913：Litwak913移动页面用户:坑触可/js/backToTop.js至Gadget:backToTop.js，不留重定向

2023-07-30T08:28:12Z

Litwak913移动页面用户:坑触可/js/backToTop.js至Gadget:backToTop.js，不留重定向

←上一版本

2023年7月30日 (日) 16:28的版本

Litwak913：// Edit via Wikiplus

2023-07-30T08:24:32Z

// Edit via Wikiplus

←上一版本		2023年7月30日 (日) 16:24的版本
第7行：		第7行：
	var innerWidth = window.innerWidth;		var innerWidth = window.innerWidth;
	var scrollbarWidth;		var scrollbarWidth;
			if($(".backToTop").length > 0) { // 已经加载了 OOUI 版本
			return;
			}
	switch ("scroll") {		switch ("scroll") {
	case getComputedStyle(body).overflowY:		case getComputedStyle(body).overflowY:

坑触可：// Edit via Wikiplus

2023-07-18T04:52:46Z

// Edit via Wikiplus

←上一版本		2023年7月18日 (二) 12:52的版本
第1行：		第1行：
	// ~~From 萌娘百科~~		/* 引自萌百，有修改。*/
			// <pre>
	~~"use strict";~~		/* 回到顶部 */
	$(function () {		$(function() {
	var ~~btn~~ = ~~insertToBottomRightCorner~~("~~返回顶部~~").~~attr~~({		var body = document.body,
	title: "返回顶部",		html = document.documentElement;
	id: "backToTop"		var innerWidth = window.innerWidth;
	}).css({		var scrollbarWidth;
	"user-select": "none",		switch ("scroll") {
	~~transition: "opacity .13s ease-in-out"~~,		case getComputedStyle(body).overflowY:
	~~order:~~ "~~998~~"		scrollbarWidth = innerWidth - body.clientWidth;
	~~}).on(~~"click", function () {		break;
	$("html, body").animate({		case getComputedStyle(html).overflowY:
	scrollTop: 0		scrollbarWidth = innerWidth - html.clientWidth;
	}, ~~130~~);		break;
	});		default:
	~~var $document~~ = $(~~document~~);		var backup = body.style.overflowY;
	$(window).on("scroll", function () {		body.style.overflowY = "scroll";
	~~btn.css~~(~~"opacity", $~~document.scrollTop() > 0 ? ".6" : ~~"0"~~);		scrollbarWidth = innerWidth - body.clientWidth;
	}).~~trigger~~(~~"scroll"~~);		body.style.overflowY = backup;
			}
			var btn = $("<div/>", {
			"text": "",
			"attr": {
			"title": "返回顶部",
			"class": "backToTop"
			},
			"css": {
			"user-select": "none"
			},
			"on": {
			"click": function() {
			$("html, body").animate({
			scrollTop: 0
			}, 120);
			}
			}
			}).appendTo(document.body);
			if (scrollbarWidth === 0) {
			btn.css("right", "20px"); // 修复新版 Chrome 的自动隐藏式滚动条导致的按钮被覆盖 chrome://flags/#overlay-scrollbars
			}
			$(window).on("scroll", function() {
			$(document).scrollTop() > 0 ? btn.fadeIn() : btn.fadeOut();
			}).scroll();
	});		});
			// </pre>

坑触可：// Edit via Wikiplus

2023-07-18T04:49:05Z

// Edit via Wikiplus

新页面

// From 萌娘百科

"use strict";
$(function () {
var btn = insertToBottomRightCorner("返回顶部").attr({
title: "返回顶部",
id: "backToTop"
}).css({
"user-select": "none",
transition: "opacity .13s ease-in-out",
order: "998"
}).on("click", function () {
$("html, body").animate({
scrollTop: 0
}, 130);
});
var $document = $(document);
$(window).on("scroll", function () {
btn.css("opacity", $document.scrollTop() > 0 ? ".6" : "0");
}).trigger("scroll");
});

Gadget:backToTop.js - 版本历史

Litwak913：​Litwak913移动页面用户:坑触可/js/backToTop.js至Gadget:backToTop.js，不留重定向

Litwak913：​// Edit via Wikiplus

坑触可：​// Edit via Wikiplus

坑触可：​// Edit via Wikiplus

Litwak913：Litwak913移动页面用户:坑触可/js/backToTop.js至Gadget:backToTop.js，不留重定向

Litwak913：// Edit via Wikiplus

坑触可：// Edit via Wikiplus

坑触可：// Edit via Wikiplus