如何强制ipad上出现滚动条? (移动 Safari)[重复]

2024-05-12

我无法在移动 Safari 中显示滚动条,因为当存在可滚动内容时,overflow: auto 不起作用。我发现这个CSS属性:

-webkit-overflow-scrolling:触摸

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


在你的 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);
}

根据需要自定义外观。

堆栈溢出源 https://stackoverflow.com/a/10100209/1136132

原始来源 http://simurai.com/blog/2011/07/26/webkit-scrollbar

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何强制ipad上出现滚动条? (移动 Safari)[重复] 的相关文章

随机推荐