iOS PhoneGap jQuery Mobile App中的可见滚动条

Question

我第一次使用JQueryMobile + PhoneGap处理iPhone App。 我有一个div容器，它像弹出窗口一样，我给它一个max-height，溢出：auto和-webkit-overflow-scrolling：touch。

我想让卷轴始终可见并尝试这个css规则（为了测试我在元素和全局样式上使用相同的psedu。但不确定它是否以这种方式工作！）..

.info-wrapper-content::-webkit-scrollbar, ::-webkit-scrollbar {
-webkit-appearance: none;width: 8px;
height: 13px;
}
.info-wrapper-content::-webkit-scrollbar-thumb:vertical{
height: 50px;
    background-color: #D95649;
    -webkit-border-radius: 0px;
    visibility: visible;
}

它在Desktop Safari或Chrome上运行良好，并且始终可见！但不适用于移动Safari或Phonegap应用程序！ 移动Safari是否支持:: - webkit-scrollbar？

我真的不想使用任何额外的滚动插件，如iScroll。 有什么问题？ 为什么相同的代码表现不同？ 请提一些建议。

Answer 1

我想你应该看看这个..这是一个有人问过的类似问题 ..

似乎移动safari不支持溢出属性因此滚动条不显示。

我确实找到了一个可能有帮助的链接，但我没有自己测试过， 你可以尝试一下

Answer 2

这些属性基本上告诉浏览器采用标准的，始终可见的滚动条并稍微调整其外观。 iOS上不存在永久可见的滚动条，因此它们不执行任何操作。

虽然有些插件会使用常规的html元素创建一个假滚动条，但你真的想在iOS上构建看起来不合适的东西吗？

如果滚动条的原因只是告诉用户可以滚动，请尝试调整元素高度，以便列表中的最后一项只有一半可见。