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上構建看起來不合適的東西嗎？

如果滾動條的原因只是告訴用戶可以滾動，請嘗試調整元素高度，以便列表中的最后一項只有一半可見。