美文网首页
js绑定滚动事件

js绑定滚动事件

作者: 王玉伟的伟 | 来源:发表于2019-11-26 15:29 被阅读0次

vue里面设置的绑定事件

// 1. 事件监听
      window.addEventListener('scroll', this.initHeight);
// 2. 滚动事件绑定的方法()
      initHeight () {
        // 获取高度
        var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
        // 判断筛选条件是否显示
        this.isFixed = scrollTop > this.offsetTop+200 ? true : false;
      },
//3. 最后一步必须把绑定的事件删除事 (重要)
    destroyed () {
      window.removeEventListener('scroll', this.initHeight);
    },

相关文章

  • js绑定滚动事件

    vue里面设置的绑定事件

  • 开发小记

    开发小记 禁止页面滚动 js jquery 监听input的输入事件 绑定input事件的时候我发现...

  • 小程序使用画布截图

    小程序之页面滚动固定导航栏 1、 wxml 页面 使用画布来站位,并给按钮添加绑定事件 2、 js文件绑定方法 3...

  • 025 JS事件

    JS事件 ********* 一、事件的两种绑定方式 ******* 1、on事件绑定方式 2、非on事件绑定方式...

  • JavaScript事件

    事件分类 事件的绑定方法 通过标签绑定事件 通过js获取DOM元素绑定事件 通过addEventListener属...

  • DOM的事件绑定、事件监听

    JS有三种常用的绑定事件的方法 在DOM元素上直接绑定 在JS代码中绑定 在JS中绑定事件监听函数 在DOM中直接...

  • js事件

    JS事件 事件绑定方式 事件对象 事件传播流 事件代理 一、事件绑定方式 方式一:通过HTML标签行间属性内绑定 ...

  • 2018-10-18

    JS事件 一、事件的两种绑定方式 ******* 1、on事件绑定方式 2、非on事件绑定方式 二、事件参数eve...

  • JS第六天

    JS事件 一、事件的两种绑定方式 代码示例: 1、on事件绑定方式 2、非on事件绑定方式 二、事件参数event...

  • js-------事件绑定的几种方式

    js事件绑定的几种方式

网友评论

      本文标题:js绑定滚动事件

      本文链接:https://www.haomeiwen.com/subject/skzewctx.html