uniapp监听页面滚动事件 onPageScroll


data() {
            return {
                operate_dm: true, // 弹幕编辑按钮默认显示
                isShowLog:0,
                timer_dm:null,
        }                            
    }

 



onPageScroll(e) {
/* 滚动时隐藏操作按钮,停止滚动再显示操作按钮 */ this.isShowLog = 2; clearTimeout(this.timer_dm) // 告知标识 -> 开始滚动 this.operate_dm = false; this.timer_dm = setTimeout(() => { this.isShowLog = 0; // 告知标识 -> 结束滚动 this.operate_dm = true; }, 500); },

使用场景: 当用户滚动页面时,隐藏操作按钮,当用户停止滚动时显示操作按钮。

posted on 2022-09-02 15:19  小虾米吖~  阅读(3445)  评论(0编辑  收藏  举报