Ionic - 橡皮筋上的黑色背景效果 iOS

Question

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

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

我已尝试为所有父容器指定明确的颜色，但似乎没有任何效果。你知道如何设置那个颜色吗？

Answer 1

Yes.I 遇到了同样的问题。我试图设计它的样式，但我失败了，因为找不到任何黑色背景的元素。我认为它来自网络视图。但我找到了一个有趣的解决方法，我不知道它是否适合你。

我的工作

我用class插入了一个空格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;}

Ionic - 橡皮筋上的黑色背景效果 iOS

Ionic - black background on rubber band effect on iOS

background-color

rubber-band

ionic-framework