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

Question

我在身体上禁用了橡皮筋效果，但它仍然在内部 div 上处于活动状态，这很好。

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

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

Answer 1

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

我的工作

我插入了一个带有“ios-black-screen-fix”类的空白div

<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;}