首页 > 其他分享 >uniapp监听页面滚动事件 onPageScroll

uniapp监听页面滚动事件 onPageScroll

时间:2022-09-02 15:22:57浏览次数:76  
标签:uniapp dm 滚动 timer 监听 isShowLog 按钮 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); },

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

标签:uniapp,dm,滚动,timer,监听,isShowLog,按钮,onPageScroll
From: https://www.cnblogs.com/LindaBlog/p/16650052.html

相关文章

  • 【Uniapp】uview的配置与为什么不能正常使用uview的组件?
    年少不知Vue的好,错把layui当成宝不用太在意这句话,只是我的感慨1.安装与配置:在HBuilderX创建Uniapp项目,可以不用启动uniCloud,Vue的版本随意选择即可,常用vue2.x。根据官......
  • uniapp 监听用户主动截屏事件
    一、uni.onUserCaptureScreen(CALLBACK)监听用户主动截屏事件,用户使用系统截屏按键截屏时触发此事件。平台差异说明AppH5微信小程序支付宝小程序百度小程序字节......
  • uniapp 获取手机联系人
    uni.addPhoneContact(OBJECT)调用后,用户可以选择将该表单以“新增联系人”或“添加到已有联系人”的方式(APP端目前没有选择步骤,将直接写入),写入手机系统通讯录,完成手机通讯......
  • uniapp 隐藏、获取键盘,及调整键盘按键
    一、uni.hideKeyboard()隐藏软键盘隐藏已经显示的软键盘,如果软键盘没有显示则不做任何操作。平台差异说明AppH5微信小程序支付宝小程序百度小程序字节跳动小程......
  • uniapp 跳转链接
    安装uni-link超链接组件在异步里需要跳转页面或者app里打开浏览器,不能自动跳转,如充值:增加一个弹窗,获取到地址之后,手动点击link,打开app<uni-link:href="pa......
  • 如何用JS实现简单的数据监听
    一、概述主要是用Object.defineProperty实现类似vue2的数据绑定。二、示例constdata={name:"lihua",age:18}Object.defineProperty(data,"name",{get......
  • js 实现watch监听数据变化的代码
    /***@desc属性改变监听,属性被set时出发watch的方法,类似vue的watch*@constructor*@param{object}opts-构造参数.@default{data:{},watch:{}};*@argument......
  • OPNsense 防火墙系列二:SSL 证书和监听端口更改
    SSL证书默认OPNsense在初始化时,就默认监听80和443端口,强制SSL跳转,规定使用自签名的证书,有效期一年.我们只需要添加第三方证书并设置使用即可。申请证书需要拥......
  • Vue -- 监听隐藏显示窗口后重新请求数据
    为什么会用到监听隐藏显示窗口的事件呢?主要是因为页面中有计时器,窗口隐藏页面隐藏后,计时器暂停,这里使用了重新获取数据,重新启动倒计时的功能解决,所以需要监听事件。metho......
  • 直播app开发搭建,uniapp实现canvas画倾斜的圆
    直播app开发搭建,uniapp实现canvas画倾斜的圆首先在uni的canvas里面是没有画椭圆的函数的,想要实现椭圆有很多种方法 可以使用lineTo不停的改变很小的间距来画但是十分......