iphone - iOS5 iPhone Safari - 阻止 native 滚动条消失

Question

我正在为 iPhone 设备开发网页。此页面有一个 div，其 overflow 属性设置如下，以实现 iOS5 中提供的 native 滚动。

.nativeScroll {
   -webkit-overflow-scrolling:touch;
   overflow:auto;
   height:200px;
}

使用上面的 CSS 样式，滚动效果很好。但只有当用户触摸 div 并尝试滚动时，滚动条才会出现。现在，当滚动条不受影响时，问题就会消失，这是默认实现。在这种情况下，看起来 div 没有任何溢出内容。所以用户可能永远不会费心滚动。

那么是否有可能使滚动条始终可见，无论 div 是否有触摸？

谢谢

Answer 1

恕我直言，我认为没有“干净”的方法来做到这一点。但是，您可以使用第三方库 like iScroll.

在主页上，您可以找到对hideScrollbar 的引用。它的默认值为 true。您可以根据需要将其设置为 false。