onPageScroll捕获页面滚动
目标:滚动页面,当页面滚动高度大于0px的时候,就更新A模块【自定义标题栏】的背景透明度
遇到的问题:在使用onPageScroll的时候,页面发生垂直滚动时能够及时回调onPageScroll,但该方法中对模块A进行的透明度设置却并不会立即生效
反而:通过普通按钮的单击事件设置模块A的透明度能够立即生效
我其实是想做出像淘宝、京东首页标题栏效果,我上传了代码,相关代码在index.vue中
onPageScroll捕获页面滚动
目标:滚动页面,当页面滚动高度大于0px的时候,就更新A模块【自定义标题栏】的背景透明度
遇到的问题:在使用onPageScroll的时候,页面发生垂直滚动时能够及时回调onPageScroll,但该方法中对模块A进行的透明度设置却并不会立即生效
反而:通过普通按钮的单击事件设置模块A的透明度能够立即生效
我其实是想做出像淘宝、京东首页标题栏效果,我上传了代码,相关代码在index.vue中
你工程里的代码如果是这样的话,不会生效?
在群里下载最新的1.7.2测试(注意,你包里目前的代码是不对的,一直给 backgroundColor 赋相同的值是不会触发变化的)
var swiperHeight = uni.upx2px(300);
var rate = obj.scrollTop * 1.0 / swiperHeight;
if(swiperHeight < obj.scrollTop) {
this.barBackgroudColor = 'rgba(255, 255, 255, 1.0)';
} else {
this.barBackgroudColor = 'rgba(255, 255, 255, ' + rate.toString() + ')';
}