如何强制网站显示滚动条？

我太懂这种困扰了！明明页面内容还有不少，却看不到垂直滚动条，既没法拖拽滚动快速浏览，也没法一眼判断页面长度——哪怕把页面缩到最小都没用。针对你用的Firefox，这里有几个靠谱的解决办法，总有一个适合你：

方法一：修改Firefox自带配置（全局生效，最简单） #

不用装任何插件，直接改浏览器设置就能让所有网站都显示滚动条：

• 在地址栏输入 about:config，回车后会弹出“此可能会失去保修！”的警告，点击「接受风险并继续」
• 在搜索框里找 layout.css.overlay-scrollbars.enabled，把这个选项的值改成 false
• 再搜索 widget.non-native-theme.scrollbar.style，将其设置为 0（传统款滚动条，一直显示）或者 1（现代款但始终可见的样式）
  设置完成后刷新页面，滚动条就会乖乖出现了。

方法二：用Tampermonkey脚本（针对特定网站生效） #

如果你只想让某些烦人的网站显示滚动条，不想影响其他正常网站，那就用用户脚本：

1. 先在Firefox里安装Tampermonkey插件
2. 新建一个脚本，把下面的代码粘贴进去，记得把@match里的地址改成你需要的网站（比如那个没有滚动条的FAQ或博客地址）：

// ==UserScript==
// @name         强制显示垂直滚动条
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  给指定网站强制显示垂直滚动条
// @author       You
// @match        *://example.com/*  // 替换成目标网站的域名，支持通配符
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    // 强制给html和body元素设置垂直滚动属性
    document.documentElement.style.overflowY = 'scroll';
    document.body.style.overflowY = 'scroll';
    // 确保滚动条不会被网站样式隐藏
    document.documentElement.style.scrollbarWidth = 'auto';
})();

3. 保存脚本后，打开目标网站就能看到滚动条了。

方法三：自定义全局CSS（更灵活的全局生效方式） #

如果你习惯用自定义CSS来调整浏览器样式，可以这么做：

• 找到Firefox的配置文件目录：
  • Windows：%APPDATA%\Mozilla\Firefox\Profiles\<你的配置文件夹>\chrome
  • Mac：~/Library/Application Support/Firefox/Profiles/<你的配置文件夹>/chrome
  • Linux：~/.mozilla/firefox/<你的配置文件夹>/chrome
    （如果没有chrome文件夹，自己新建一个）
• 在chrome文件夹里新建userContent.css文件，写入以下代码：

html, body {
    overflow-y: scroll !important;
    scrollbar-width: auto !important;
}

• 重启Firefox，所有网站就都会强制显示垂直滚动条了。

备注：内容来源于stack exchange，提问作者Walter