浏览器一键返回顶部和底部：JavaScript书签脚本分享_经验分享

浏览器书签通常用于保存常用网站，但它还有一种用途容易被忽略——执行简单的 JavaScript 脚本。借助这种方式，可以把一些经常需要重复完成的网页操作保存为一个书签，点击一次即可执行，无需安装浏览器扩展，也不用打开开发者工具输入代码。

例如浏览长篇技术文档、论坛帖子、博客文章或 GitHub 项目说明时，经常需要快速返回顶部，或者直接跳到页面底部查看评论、更新记录或版权信息。这类操作虽然看起来简单，但每天重复几十次后，仍然会影响浏览效率。

浏览器一键返回顶部和底部：JavaScript书签脚本分享

浏览长网页时，最常见的两个操作就是回到页面顶部，或者直接跳到页面底部。很多人会使用浏览器书签保存两段简单脚本，用来快速完成这两个动作。

原始写法通常是下面这样：

javascript:window.scrollTo(0,0);

javascript:window.scrollTo(0,999999);

这两段代码能用，但体验比较直接：点击后页面会瞬间跳转。如果页面很长，或者用户正在阅读内容，突然跳动会比较生硬。第二段代码还使用了固定数值 999999，虽然大多数页面够用，但并不是严格意义上的页面底部。

改成平滑滚动

更推荐使用 window.scrollTo() 的对象参数写法，并加入 behavior:'smooth'，让页面滚动更自然。

返回顶部书签：

javascript:window.scrollTo({top:0,left:0,behavior:'smooth'});

滚动到底部书签：

javascript:window.scrollTo({top:Math.max(document.body.scrollHeight,document.documentElement.scrollHeight),left:0,behavior:'smooth'});

999999 是一种经验写法，依赖一个足够大的数字让页面尽量滚到底部。对于普通网页通常能生效，但如果页面特别长，或者内容动态加载，就可能不够准确。

使用 Math.max(document.body.scrollHeight,document.documentElement.scrollHeight) 可以读取页面实际高度，比固定数值更稳妥。

有些网页不仅能上下滚动，也能左右滚动，例如后台表格、代码页面、宽屏文档和数据报表。如果只设置纵向位置，页面可能已经到了顶部或底部，但横向位置仍然停在右侧。

因此优化后的脚本都加入了 left:0，让页面在滚动到顶部或底部时，同时回到最左侧，阅读位置更稳定。

这两个脚本适合保存为浏览器书签。一个命名为“返回顶部”，另一个命名为“滚动到底部”。之后浏览长文章、技术文档、GitHub README、论坛帖子或后台页面时，点击书签即可完成滚动。

相比安装浏览器扩展，这种方式更轻量，也不会增加额外权限。对于只需要页面滚动功能的用户来说，书签脚本已经足够。

部分网站使用自定义滚动容器，真正滚动的不是浏览器窗口，而是页面中的某个区域。这种情况下，window.scrollTo() 可能无法控制内容滚动，需要针对具体页面单独处理。

对于大多数普通网页来说，上面的两个平滑滚动书签已经可以满足返回顶部和跳到底部的需求。