我无法在移动 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(使用前将#替换为@)