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元素上保留背景，并将其设置为其父元素。