相关疑难解决方法(0)

我希望能够滚动整个页面,但不显示滚动条.

在谷歌浏览器中它是:

::-webkit-scrollbar {
    display: none;
}

但是Mozilla Firefox和Internet Explorer似乎并没有那样工作.

我也在CSS中尝试过这个:

overflow: hidden;

这确实隐藏了滚动条,但我不能滚动了.

有什么办法可以删除滚动条,同时还能滚动整个页面吗？请使用CSS或HTML.

如何通过CSS(层叠样式表)为一个div而不是整个页面自定义滚动条？

当您点击推文时,可以在侧面板中看到滚动条,并且链接到推文的会话足够长.

滚动条是如何创建和设置的？

我知道如何使用 自定义滚动条::-webkit-scrollbar，我知道它的工作原理，因为我已经使用它制作了一些项目，但由于某种原因它似乎不适用于电子，我真的对此感到目瞪口呆，因为电子基于铬它应该有效。

无论如何，这些是我搜索并尝试过但没有用的一些解决方案

搜索到的解决方案 1

搜索到的解决方案数 2

解决方案搜索数 3

解决方案搜索数 4

解决方案搜索数 5

解决方案搜索编号 6

解决方案搜索编号 7

在过去的几个小时里，我搜索的内容不止这些，但这些是我记得最多的。

无论如何，这是我滚动条的 css 代码

::-webkit-scrollbar {
    width: 17px;
    height: 17px;
}

/* Track */
::-webkit-scrollbar-track {
    background-color: var(--scroll-bar-track-bg-color);
    opacity: 0.01;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--scroll-bar-handle-bg-color);
    box-shadow: inset 0 0 6px var(--scroll-bar-handle-bg-color);
    -webkit-box-shadow: inset 0 0 6px var(--scroll-bar-handle-bg-color);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: var(--scroll-bar-track-bg-color);
}

如果您想知道它是否是因为命名的 css 变量，我告诉您并非如此，因为我试图删除 css 变量并使用普通的十六进制代码甚至 rgb 代码来确定它不起作用的颜色。

我在这里真的很茫然，所以我希望任何人都可以帮助我，我看到答案说它适用于他们的项目，尝试过但它在我的项目中不起作用。

我已经读过，nodeIntegration: false但如果我这样做了，我的代码将会中断，因为我在我的项目中使用了 ipcMain 和 ipcRenderer

我找到了这篇文章，其中写道：“此解决方案有一个缺点。我们不能\xe2\x80\x99t 对所有组件全局应用该样式。”

我想知道是否有解决方案可以全局设置所有滚动条的样式？