【英雄再聚】【油猴脚本】自动滚动到页面底部
本帖最后由 White_sky 于 2024-10-5 13:45 编辑这是一个懒狗做的懒狗脚本，突出一个懒狗，效果是在点进贴子后，于左侧添加一个点击就会自动滚到页面底部方便回帖的东西，诞生原因是我回帖的时候懒得滚滚轮，属于没什么β用的东西之一，效果如图所示。
@name@namespace@version@description@match@grant
如果代码中出现@XXX的话，把[ ]删掉,我懒得改了
// ==UserScript==
// @Name 左侧导航栏自动滚动到底部按钮
// @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 });
});
})();
挺方便的惹，不用滚动鼠标的滚轮了{:6_169:} 不看帖先回文的意義在?XD
泥潭不用搶沙發吧. 已经有类似功能的脚本了功能优化] 【油猴脚本】Ctrl+Q 跳转到帖子底部回复框 感觉和之前Ctrl+Q一键最下面有异曲同工之妙 喔⊙ω⊙还行哇～也更适合手机版的了 其实还是很有用的，不用鼠标滚轮每次滑到最下面也挺方便的 个人反正是用不上这样的工具了 挺好的，谢谢也算是一个实用的小工具 挺好用的脚本 能很快到达底部不用鼠标或者手机画面拉半天了 哇哦，是很方便的小工具捏，先收藏一个先:$ 非常好的插件，使我的时间节省以及滚轮寿命增加(误) 非常好用的插件呢~ 之前都是用鼠标手势来实现 算是跳转到底部的另一个脚本吧，总会有人用上的。 确实感觉滚动很慢，但直接滑倒底好像又过快 懒人方便使用就是好事ww 这个感觉相当方便使用手机的人，像我之前写的那个使用Ctrl+Q跳转到页面底部回复框并自动选中的那个只能在电脑上使用。 这还真对我有点用，俺的鼠标滚轮不太行，又懒得换，用这个挺方便的 呱？那不看帖子内容就回帖嘛，怪怪的哎 对于我这种水怪来说真的很方便了XD
感谢楼主