安卓手机scrollTop失效问题记录

在做移动端适配的时候，监听scroll事件

componentDidMount () {
    window.addEventListener('scroll', this.handleScroll);
  }

　

handleScroll = () => {
    const scrollDom = document.getElementById('scrollDom')
    const srcollHeight = document.documentElement.scrollTop
    const { value } = this.props
    const { loading, totalPages, setReset, reset } = this.props.store

    if (srcollHeight >= scrollDom.clientHeight - 632) {
      // 判断是不是要加载
      if (!loading && pageNum <= totalPages) {
        if (reset) {
          pageNum = 1
        }
        // 如果是先查询的要重制计数
        pageNum++
        setReset(false)
        this.props.componeySearch(value, pageNum)
      }
    }
  }

　　

苹果手机没问题，美滋滋

 

安卓手机啥效果都没有f**k

 

开始以为scroll问题失效，后来alert可以触发，原来是安卓手机 document.documentElement.scrollTop无效

 

解决方式

const srcollHeight = document.documentElement.scrollTop || document.body.scrollTop;