离子 - 在iOS上的橡皮筋效果的黑色背景

Question

我已经禁用了身体上的橡皮筋效果，但它在内部div上仍然有效，这很好。

但是，当显示滚动元素上方的部分时，背景为黑色，如图所示：

我试图为所有父容器分配显式颜色，但似乎没有任何效果。你知道如何设置这种颜色吗？

Answer 1

是的。我遇到了同样的问题。我尝试了它的风格，但我失败了，因为找不到任何黑色背景的元素。我认为它来自webview。但是我找到了一个有趣的工作，我不知道它对你有用。

我的工作

我插入了一个空白div，类为“ios-black-screen-fix”

<ion-content class="white-bg">
    <div class="ios-black-screen-fix"></div>
    ........................................
    ........................................
</ion-content>

在css中

.ios-black-screen-fix {
    height: 1px;
}

Answer 2

我有同样的问题，但背景img。在android / windows背景图片看起来很好，但在ios屏幕上以某种方式填充了黑色。在浏览了DOM树之后，我终于找到了这个：

.ios .ion-page.show-page ~ .nav-decor {
top: 0;
position: absolute;
z-index: 0;
display: block;
width: 100%;
height: 100%;
background: #000;
pointer-events: none;}

所以在app.scss中我把（脏解决方案）：

.ios .nav-decor{background:transparent !important;}