【英雄再聚】【油猴脚本】自动滚动到页面底部

White_sky · 发表于 2024-10-5 13:43:16

本帖最后由 White_sky 于 2024-10-5 13:45 编辑

这是一个懒狗做的懒狗脚本，突出一个懒狗，效果是在点进贴子后，于左侧添加一个点击就会自动滚到页面底部方便回帖的东西，诞生原因是我回帖的时候懒得滚滚轮，属于没什么β用的东西之一，效果如图所示。

@name@namespace@version@description@match@grant
如果代码中出现[urlxxxxx]@XXX[/url]的话，把[ ]删掉,我懒得改了

// ==UserScript==
// [url=home.php?mod=space&uid=668096]@Name[/url] 左侧导航栏自动滚动到底部按钮
// @namespace http://tampermonkey.net/
// @version 1.9
// @description 在页面的左侧导航栏中添加一个按钮，点击后自动滚动到页面底部，插入在“科考小队”按钮的下方，并且样式保持一致。
// @match https://www.gamemale.com/thread-*
// @grant none
// ==/UserScript==
(function() {
'use strict';
// 页面完全加载后执行脚本
window.addEventListener('load', function() {
// 使用 MutationObserver 监控 DOM 变化，确保在页面变化后插入按钮
const observer = new MutationObserver(function() {
// 查找“科考小队”按钮的位置
const targetElement = Array.from(document.querySelectorAll('a')).find(el => el.textContent.includes('科考小队'));
if (targetElement) {
// 创建新的按钮
const button = document.createElement("a");
button.innerHTML = "滚动到底部";
button.href = "javascript:void(0);"; // 设置为类似链接按钮的行为
button.className = targetElement.className; // 复制“科考小队”按钮的类名，确保样式一致
// 动态复制“科考小队”按钮的所有计算样式
const computedStyle = window.getComputedStyle(targetElement);
button.style.cssText = computedStyle.cssText; // 复制所有的样式
button.style.marginTop = computedStyle.marginTop; // 确保和其他按钮的间隔一致
// 防止重复添加
if (!document.querySelector('#autoScrollButton')) {
button.id = 'autoScrollButton';
targetElement.parentNode.insertAdjacentElement('afterend', button);
}
// 定义点击按钮后的行为 - 滚动到底部
button.addEventListener("click", function() {
window.scrollTo({
top: document.documentElement.scrollHeight || document.body.scrollHeight,
behavior: "smooth"
});
});
// 停止观察，因为按钮已经插入
observer.disconnect();
} else {
console.error("未找到'科考小队'按钮的位置，请检查选择器是否正确。");
}
});
// 配置 MutationObserver 并启动观察，监听整个页面的子节点变化
observer.observe(document.body, { childList: true, subtree: true });
});
})();