页面滚动时根据滚动高度动态设置页面元素背景颜色，会出现这部分变成黑色的现象

在页面滚动监听元素中根据滚动高度动态设置某个值，根据这个值控制元素背景颜色切换，到顶部要无背景，在iphone环境中会出现元素背景变成黑色的情况

建议使用iphone8 plus尝试

js代码

onPageScroll: function (e) {

    if (e.scrollTop > 5) {

        this.setData({

            scrollTop: false

        })

    } else {

        this.setData({

            scrollTop: true

        })

    }

}

wxml代码

<view style="width:100%;height:200vh;">

    <view class='tabTitle' style='padding-top:{{tabInfo.top}}px;line-height:{{tabInfo.height}}px;{{scrollTop?"":"background:#3CA0DC;"}}'>测试</view>

</view>

css代码‍

.tabTitle{

    position: fixed;

    top:0;

    left: 0;

    width: 100%;

    text-align: center;

    font-size: 32rpx;

    font-weight: bold;

    background: transparent;

    z-index: 9;

}