在页面滚动监听元素中根据滚动高度动态设置某个值,根据这个值控制元素背景颜色切换,到顶部要无背景,在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;
}
这是浏览器渲染的问题,只能规避哈。你可以设置scrllTop开始为true。或者加个任意的属性。
试了,还是不行
这个问题好像还没有修复,现在还有这个问题
我这边用iphone7 也发现了这个问题
做了节流也不好使,一但复现了即使滑动的特别慢也不行。
问题已复现,我们会尽快进行修复。