滚动条宽度:无;VS 溢出-x:隐藏

Question

似乎我可以同时使用这两个来隐藏元素的水平滚动条：

overflow-x: hidden;
scrollbar-width: none;

哪一个是隐藏水平滚动条的更好解决方案？

Answer 1

overflow-x: hidden将剪辑父元素(例如页面(内宽度溢出父元素的任何内容，并阻止用户水平滚动。源

scrollbar-width: none隐藏滚动条，但内容仍然可以滚动。源

因此，这取决于您要实现的目标。

Answer 2

scrollbar-width: none;滚动条仍然存在，如果出现溢出，您仍然可以滚动，如果您想完全禁用滚动，请使用 overflow: hidden;