安卓手機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;