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

Question

我无法让滚动条出现在移动 Safari 中，因为 overflow: auto 在有可滚动内容时不起作用。我找到了这个 CSS 属性：

-webkit-溢出滚动：触摸

正如一些人所建议的那样，这是对隐藏滚动条的移动 Safari 的修复，但它对我不起作用。有人对我如何强制在移动 safari 中有一个滚动条以向用户提供他们应该滚动的视觉效果有任何建议吗？

Answer 1

在您的 CSS 中包括：

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

根据需要自定义外观。

堆栈溢出源

原始来源