随笔 - 315  文章 - 1  评论 - 12  阅读 - 24万

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   小虾米吖~  阅读(3536)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库

点击右上角即可分享
微信分享提示