iOS中的可见滚动条PhoneGap jQuery Mobile应用程序

我第一次使用JQueryMobile + PhoneGap开发iPhone应用程序。我有一个div容器，它像一个弹出窗口，我给它一个最大高度，溢出：auto和-webkit-overflow-scrolling：touch。iOS中的可见滚动条PhoneGap jQuery Mobile应用程序

我想使滚动条始终可见并试用了此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; 
}

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

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

来源

2012-11-18 Shajed Evan

哪些卷轴，然后你已经使用。我需要我的应用程序帮助。 – Asteriskiiii

@ PhoneGapDeveloper.It也取决于IOS版本！工作IOS 5，但它保持可见，但不能在IOS 6上工作。它只在scroll上可见。我最后不得不采用jScrollPane来使它工作。 –

我想你应该看看这个..它是一个similar question有人问过..

似乎移动Safari浏览器不支持overflow属性，因此滚动条不显示。

我也发现了一个链接，你可能会帮助，但我还没有测试它自己，you can try it out

来源

2012-11-19 02:49:02 Dilberted

这些属性基本上告诉浏览器采取的标准，总是可见的滚动条，并调整其外形有点。一个永久可见的滚动条在iOS上不存在，所以它们什么都不做。

虽然有插件会使用普通的html元素来创建假滚动条，但是您是否真的想要在iOS上创建看起来不合适的东西？

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

来源

2012-11-19 03:55:57

那么，总是可见的滚动条是客户的要求，所以必须做任何如何。我试过iScroll，但是在少数情况下，自动初始化会在JQuery Mobile的某些页面上造成问题。这就是为什么我删除它，并尝试使用-webkit-scrollbar实现相同的外观和感觉 –

iOS中的可见滚动条PhoneGap jQuery Mobile应用程序

回答

相关问题