Vue监听滚动条停止

1.在需要监听的组件的data中设定数值

 data() {
    return {
      timer: null,
      scrollT: 0,
      stopscroll: 0
    };
  },

2.在methods中设定方法

  handleScroll() {
      clearTimeout(this.timer);//清除定時器
      this.timer = setTimeout(this.ScrollEnd, 500);
      this.scrollT = document.documentElement.scrollTop || document.body.scrollTop;
    },
    ScrollEnd() {
      this.stopscroll = document.documentElement.scrollTop || document.body.scrollTop;//獲取滾動停止后的scrolltop
      if (this.stopscroll == this.scrollT) {
        console.log("滚动已结束");
      }
    },

3.在mounted中绑定handScroll函数

window.addEventListener("scroll", this.handleScroll);
├─一层文件│ [XX-A-01]信息安全管理手册.DOC│ [XX-A-02]信息安全适用性声明SOA.doc│ [XX-A-03]信息安全目标.doc│ [XX-A-04.00]信息安全方针.doc│ [XX-A-04.01]信息交换策略.doc│ [XX-A-04.02]信息备份安全策略.doc│ [XX-A-04.03]信息安全监控策略.doc│ [XX-A-04.04]信息资源保密策略.doc│ [XX-A-04.05]变更管理安全策略.doc│ [XX-A-04.06]口令控制策略.doc│ [XX-A-04.07]可移动代码防范策略.doc│ [XX-A-04.08]清洁桌面和清屏策略.doc│ [XX-A-04.09]物理访问策略.doc│ [XX-A-04.10]特权访问管理策略.doc│ [XX-A-04.11]电子邮件策略.doc│ [XX-A-04.12]病毒防范策略.doc│ [XX-A-04.13]第三方访问策略.doc│ [XX-A-04.14]网络访问策略.doc│ [XX-A-04.15]网络配置安全策略.doc│ [XX-A-04.16]设备及布缆安全策略.doc│ [XX-A-04.17]访问控制策略.doc│ [XX-A-04.18]运输中物理介质安全策略.doc│ [XX-A-04.19]雇员访问策略.doc│ ├─三层文件│ C.1适用法律法规条文.pdf│ C.2 信息安全管理体系要求.pdf│ ├─二层文件│ XX-b-21]第三方服务管理程序.doc│ [XX-b-01]信息安全风险管理程序.doc│ [XX-b-02]文件控制程序.doc│ [XX-b-03]记录控制程序.doc│ [XX-b-04]纠正措施控制程序.doc│ [XX-b-05]预防措施控制程序.doc│ [XX-b-06]内部审核管理程序.doc│ [XX-b-07]管理评审程序.doc│ [XX-b-08]信息分类管理程序.doc│ [XX-b-09]商业秘密管理程序.doc│ [XX-b-10]信息安全法律法规管理程序.doc│ [XX-b-11]知识产权管理程序.doc│ [XX-b-12]重要信息备份管理程序.doc│ [XX-b-13]业务持续性管理程序.doc│ [XX-b-14]信息安全沟通协调管理程序.doc│ [XX-b-15]信息安全事件管理程序.doc│ [XX-b-16]信息安全奖惩管理程序.doc│ [XX-b-17]员工聘用管理程序.doc│ [XX-b-18]员工培训管理程序.doc│ [XX-b-19]员工离职管理程序.doc│ [XX-b-20]相关方信息安全管理程序.doc│ [XX-b-22]安全区域管理程序.doc│ [XX-b-23]门禁系统管理程序.doc│ [XX-b-24]网络设备安全配置管理程序.doc│ [XX-b-25]计算机管理程序.doc│ [XX-b-26]电子邮件管理程序.doc│ [XX-b-27]恶意软件管理程序.doc│ [XX-b-28]可移动介质管理程序.doc│ [XX-b-29]用户访问管理程序.doc│ [XX-b-30]信息处理设施安装使用管理程序.doc│ [XX-b-31]信息系统验收管理程序.doc│ [XX-b-32]信息处理设施维护管理程序.doc│ [XX-b-33]变更管理程序.doc│ [XX-b-34]信息系统访问与使用监控管理程序.doc│ [XX-b-35]软件开发管理程序.doc│ └─四层文件 └─iso-D ├─JF01内部审核管理程序 │ 01内部审核方案.DOC │ 02年度内审计划.doc等等太多不一一列举了
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值