Reactjs react窗口如何知道其是否已滚动到底部

我找不到如何知道一个窗口组件是否在中滚动到底部。是否有一个属性告诉滚动条相对于溢出的父对象的位置

---

谢谢

根据您的问题，我假设您正在使用给定链接中的组件。
如果是这样，我会添加一个带有

onScroll

侦听器的包装器

div

，如下所示：

const Row = ({ index, style }) => (
  <div className={index % 2 ? "ListItemOdd" : "ListItemEven"} style={style}>
    Row {index}
  </div>
);

class Example extends Component {
  scrollCheck = event => {
    const bottom = event.target.scrollHeight - event.target.scrollTop === event.target.clientHeight;
    if (bottom) {
      console.log("At The Bottom"); //Add in what you want here
    }
  };

  render() {
    return (
      <Fragment>
        <div onScroll={this.scrollCheck}>
          <List
            className="List"
            height={150}
            itemCount={1000}
            itemSize={35}
            ref={this.listRef}
            width={300}
            id="myDiv"
          >
            {Row}
          </List>
        </div>
      </Fragment>
    );
  }
}

const行=（{index，style}）=>(
行{index}
);
类示例扩展组件{
scrollCheck=事件=>{
const bottom=event.target.scrollHeight-event.target.scrollTop===event.target.clientHeight；
如果（底部）{
console.log（“在底部”）；//在此处添加所需内容
}
};
render（）{
返回(
{Row}
);
}
}

---

你的问题和我的很相似，所以也许你也可以看看

类型“EventTarget”上不存在属性“scrollHeight”。ts（2339）@JasonG可能会尝试

元素。scrollHeight

根据此文档：