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

我认为你应该看看这个...这是similar question之前有人问过的问题。

似乎移动版Safari不支持溢出属性，因此不会显示滚动条。

我确实找到了一个可能有用的链接，但我没有亲自测试过，you can try it out

Answer 2

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

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

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

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

2 个答案: