如何隐藏滚动条轨道（不溢出）

Question

问题

每当用户重新加载页面时，此滚动条轨道都会出现在所有页面上。它不在那里最初。

考虑到没有溢出（因此缺少滚动条）却出现了滚动条轨道，这很奇怪。

知道为什么会出现这种情况以及如何消除它吗？

无滚动条轨道（初始加载）

滚动条轨道（用户重新加载页面后）

尝试过的解决方案

我尝试将

overflow-x: hidden

 应用于父元素（顶部容器），但它并没有摆脱轨道。

我还一一拆除了组件，看看是否其中一个组件导致了溢出。没有任何组件导致溢出。

我尝试过这种方法来查看哪个元素导致溢出，但没有

* { outline: 1px solid red; }

Answer 1

右侧滚动条可能是原因。

连接屏幕时，建议通过右侧滚动条的宽度调整整个html和body。

以MacBook为例，由于触摸板使用较多，滚动条可能只在操作时出现，或者连接蓝牙鼠标时滚动条可能一直暴露。

我无法回答所有情况，但我建议你对上面提到的右侧滚动条进行调整。

可能不是准确答案，但希望能帮助您改善不适。