如何修复Windows和Mac的滚动条不一致

vwhgwdsa 于 2023-01-02 发布在 Windows

关注(0)|答案(1)|浏览(256)

我有一个HTML表格，头部固定，正文在最大高度超过时会出现垂直滚动条。我使用overflow-y: scroll;来实现这一点。它工作正常，但我注意到Windows Chrome和Mac Chrome中的滚动条设计看起来不同。在Windows Chrome中，滚动条占用了大约17px，因此最后一列的布局被破坏，如下所示。在Mac的滚动条不占用空间，因为它显示滚动时，它不占用空间。由于这一点，我有Mac和Windows的不一致性。

在我的Mac系统首选项 * 显示滚动条 * 选项设置如下。

有什么方法可以解决与CSS不一致问题吗？

windows

来源：https://stackoverflow.com/questions/74981194/how-to-fix-the-inconsistency-in-the-scrollbar-for-windows-and-mac

1条答案

按热度按时间

3bygqnnd1#

使用自定义css来获得所需的结果。

::-webkit-scrollbar {
      width: 10px;
    }
    
    ::-webkit-scrollbar-track {
      background-color: darkgrey;
    }
    
    ::-webkit-scrollbar-thumb {
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }

赞(0）回复(0）举报 2023-01-02

我来回答

如何修复Windows和Mac的滚动条不一致

1条答案

相关问题

热门标签

最新问答