Javascript 为什么将“背景附着”设置为“固定”会更改背景的宽度行为？

我用CSS和JS（）构建了一个流畅的设计，比如scrollbar。滚动条通常工作正常，但当为包含背景图像的元素（主体或任何子元素）设置

背景附件：固定时，滚动条会中断：如果我通过使滚动条部分透明来更改滚动条宽度，则透明区域会呈现白色（主体的背景色）并且图像不会继续显示在滚动条后面；如果我直接改变滚动条的宽度（），背景的宽度会改变，而元素的宽度保持不变（=>元素继续在滚动条后面，但它的背景不是）

这里有一个简短的例子来说明我的意思：

（1） 在没有背景附件的情况下正常工作：已修复

：

内容

在当前的Chromium版本中，此问题似乎已得到解决。

您使用的浏览器是什么？在我的Firefox 80.0b6上，两个示例上的滚动条看起来完全相同。@derw这是因为滚动条样式仅限于webkit（当您查看my scrollbar.css的源代码时，您将看到用于滚动条的webkit选择器）。您只看到默认的滚动条。