webkit-scrollbar在iOS safari

Question

我在Jekyll博客中添加了webkit-scrollbar。我在我的css中使用此代码：

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 5px;
}
::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: rgba(253,206,147,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

效果很好但在iOS Safari上滚动条后面似乎有一条非常细的线条。这是原始视图：

现在查看滚动条的左侧，您可以看到与实际滚动条宽度相同的非常细的线条：

为什么会这样？有办法解决吗？任何建议都会很棒！

Answer 1

只有来自你的渲染工件：

-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);

启用阴影：

禁用暗影：