css - iOS7 Safari 更改 webkit-overflow-scrolling 背景颜色

Question

在适用于 iOS7 的 Cordova iPad 应用程序中，我有一个固定高度的 DIV (.scrollContainer)，我将一些更高的内容放入其中，并且我允许包含的内容像这样滚动:

.scrollContainer
{
    width: 512px;
    height: 546px;
    overflow: hidden;
    overflow-y: scroll !important;
    -webkit-overflow-scrolling: touch;
    background-color: #fff !important;
}

#content
{
    width: 512px;
    background-color: #fff;
}

用户可以在触摸界面中很好地滚动嵌套内容，但用户也可以根据 iOS 7 界面滚动“越过”上方或下方内容的末尾(即当他们松开时它会弹回)。

滚动时显示的背景颜色是黑色。有没有办法使用 CSS 将其设置为不同的颜色？

Answer 1

今天遇到了同样的问题(iOS 7.1)，似乎是一个小故障或什么的，

添加边框或填充似乎可以解决这个问题，允许您为元素本身设置背景颜色。我用这个技巧解决了这个问题:

padding-top:1px;
margin-top:-1px;

另一种解决方案是在 .scrollContainer 元素上保留背景未设置，并为其父元素设置它。