p***@qq.com
p***@qq.com
  • 发布:2018-10-22 14:54
  • 更新:2019-03-25 11:43
  • 阅读:6436

uni-app onPageScroll() 中对其他控件设置无法立即生效

分类:uni-app

onPageScroll捕获页面滚动
目标:滚动页面,当页面滚动高度大于0px的时候,就更新A模块【自定义标题栏】的背景透明度
遇到的问题:在使用onPageScroll的时候,页面发生垂直滚动时能够及时回调onPageScroll,但该方法中对模块A进行的透明度设置却并不会立即生效
反而:通过普通按钮的单击事件设置模块A的透明度能够立即生效

我其实是想做出像淘宝、京东首页标题栏效果,我上传了代码,相关代码在index.vue中

2018-10-22 14:54 1 条评论 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com

请问,问题解决了么?我也有相同的情况

3***@qq.com

3***@qq.com - 勤奋能干的码农

同样的问题

d***@126.com

d***@126.com

同样的问题

1***@qq.com

1***@qq.com

同样问题

DCloud_UNI_FXY

DCloud_UNI_FXY

你工程里的代码如果是这样的话,不会生效?
在群里下载最新的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() + ')';  
            }   

该问题目前已经被锁定, 无法添加新回复