如何强制滚动条出现在iPad中？ （移动Safari）

Question

我无法在移动版Safari中显示滚动条，因为当存在可滚动内容时，overflow：auto不起作用。我找到了这个css属性：

-webkit-overflow-scrolling：touch

正如一些人所说这是一个修复移动safari隐藏滚动条但它不适合我。任何人都有任何关于如何强制在移动Safari中使用滚动条给用户提供他们应该滚动的视觉的建议吗？

Answer 1

在你的CSS中包括：

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

根据需要自定义外观。

Stackoverflow source

Original source