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