js 獲取窗口/容器內部滾動位置

前端

(document.getElementsByClassName("container")[0]).scrollTop -- 容器內部滾動條位置

(document.getElementsByClassName("container")[0]).scrollHeight -- 容器內部滾動區域高度

(document.getElementsByClassName("container")[0]).offsetHeight-- 容器自身在上層容器的滾動位置

(document.getElementsByClassName("containerItem")[0]).getBoundingClientRect() -- 元素距離窗口上方的相對位置。

容器內部滾動條是否滾動到底部：

var container=document.getElementsByClassName("leftCommentRecord")[0];

container.scrollTop+container.offsetHeight==container.scrollHeight

注：offsetHeight與clientHeight看具體情況使用，窗口內滾動使用offsetHeight，容器內部滾動使用clientHeight。

 

小程序 

      <ScrollView
        className={classnames(
          'evaluateParent',
        )}
        scrollY
        enableBackToTop
        scrollAnchoring
        onScroll={(event) => this.onPageScrollChanged(event.detail)}
        style={{ height: wx.getSystemInfoSync().windowHeight }}
      />

距離頂部位置：

    wx.createSelectorQuery().select('#messageTypeTabs').boundingClientRect(rect => {

      console.log(rect)

    }).exec()