码迷,mamicode.com
首页 > 其他好文 > 详细

React监听滚动

时间:2021-01-22 12:00:44      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:this   rem   lld   handles   listener   event   selector   sel   pre   

    componentDidMount() {
        const scrollDom = document.querySelectorAll(‘.q1-home‘)[0];
        scrollDom.addEventListener(‘scroll‘, this.handleScroll.bind(this));
    }

    handleScroll(event) {
        const srcElement = event.srcElement;
        const scrollTop = srcElement.scrollTop;
        if (scrollTop >= 200) {
           // 处理
        }
    }

 
    componentWillUnmount() {
        const scrollDom = document.querySelectorAll(‘.q1-home‘)[0];
        scrollDom.removeEventListener(‘scroll‘, this.handleScroll.bind(this));
    }

  

React监听滚动

标签:this   rem   lld   handles   listener   event   selector   sel   pre   

原文地址:https://www.cnblogs.com/Ewarm/p/14308829.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!