scrollbar-width：無； VS Overflow-x：隱藏

Question

看來我可以同時使用這兩個元素來隱藏元素的水平滾動條：

overflow-x: hidden;

scrollbar-width: none;

哪一種是隱藏水平滾動條的更好解決方案？

Answer 1

overflow-x: hidden將剪切父元素（例如頁面）中寬度超出父元素並阻止用戶水平滾動的任何內容。 資源

scrollbar-width: none隱藏滾動條，但是內容仍然可以滾動。 資源

因此，這取決於您要實現的目標。

Answer 2

使用scrollbar-width: none; 滾動條仍然存在，如果有溢出，如果您想完全禁用滾動，則仍可以滾動overflow: hidden;