如何强制滚动条出现在iPad中？(移动Safari)

Question

我在移动Safari中出现滚动条时遇到问题,因为当存在可滚动内容时溢出: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源码

原始来源