reac中监听屏幕滚动以及获取各种高度,this在多重函数跑掉的问题;

xiaoxiao2021-02-28  36

window.addEventListener('scroll', function () {             if (this.props.isLoadingMore) {                 return             }             if (timeoutId) {                 clearTimeout(timeoutId)             }             timeoutId = setTimeout(callback, 10)

        }.bind(this));

**************************获取指定的元素,需要用到ref属性***********

const wrapper = this.refs.wrapper       <div className="load-more" ref="wrapper">

const top = wrapper.getBoundingClientRect().top   *****获取指定元素到屏幕顶部的高度,会联系到父元素

const windowHeight = window.screen.height  *********************屏幕可视高度

函数套函数的时候,this就算在前面定义,后面还是会跑掉的,必须多次重新定义

转载请注明原文地址: https://www.6miu.com/read-2300200.html

最新回复(0)