Doubao豆包网页版如何让右侧的滚动条一直显示_Tampermonkey篡改猴插件使用

首先进官网下载Tampermonkey篡改猴插件crx文件（tampermonkey_stable.crx）：

https://www.tampermonkey.net/

360安全浏览器

右键窗口标题—勾选显示扩展栏让扩展栏显示出来，然后进入管理后，再点击高级管理

滑动打开【开发者模式】

然后将tampermonkey_stable.crx拖进浏览器进行安装，然后添加脚本。

清空原来的，粘贴进以下代码：

// ==UserScript==

// @name         豆包强制显示右侧垂直滚动条

// @namespace    https://www.doubao.com/

// @version      1.0

// @description  让豆包聊天界面始终显示右侧垂直滚动条，不受内容多少影响

// @author       You

// @match        *://www.doubao.com/*

// @match        *://doubao.com/*

// @grant        none

// @run-at       document-end

// ==/UserScript==

(function() {

    'use strict';

    // 核心：创建全局样式，强制开启滚动条

    const style = document.createElement('style');

    style.textContent = `

        /* 覆盖豆包所有核心容器，强制显示垂直滚动条 */

        body,

        #app,

        .chat-container,

        .message-list,

        .el-scrollbar__wrap {

            overflow-y: scroll !important; /* 强制垂直滚动 */

            overflow-x: auto !important;  /* 横向滚动自适应 */

        }

        /* 统一滚动条样式（可选，适配不同浏览器） */

        ::-webkit-scrollbar {

            width: 8px !important; /* 滚动条宽度 */

            height: 8px !important;

        }

        ::-webkit-scrollbar-thumb {

            background-color: #030303 !important; /* 滑块颜色 */

            border-radius: 4px !important;

        }

        ::-webkit-scrollbar-track {

            background-color: #f5f5f5 !important; /* 轨道颜色 */

        }

        /* 兼容Firefox */

        * {

            scrollbar-width: thin !important; /* 细滚动条 */

            scrollbar-color: #030303 #dae4f7 !important; /* 滑块+轨道颜色 */

        }

    `;

    // 将样式插入页面头部，确保优先级最高

    document.head.appendChild(style);

    // 监听页面动态加载（豆包为单页应用，防止内容刷新后样式失效）

    const observer = new MutationObserver(() => {

        document.head.appendChild(style); // 重新插入样式，确保生效

    });

    observer.observe(document.body, { childList: true, subtree: true });

})();

然后点文件保存并关闭

正常情况应能看到：

进入豆包网页版就能看到右侧的滚动条了。

Google Chrome浏览器

操作类似360安全浏览器，但安装完后一直不显示滚动条，花了此时间才发现Tampermonkey篡改猴在Google Chrome浏览器中会没有打开：【允许运行用户脚本】

滑动打开即可，在360安全浏览器没有此按钮（默认就是打开的）。

Edge浏览器

只要进入设置后滑动打开【关闭自定义滚动条】右侧的滚动条就可正常显示了。