如何在React

Question

我正在尝试在聊天窗口小部件中实现无限滚动。我为聊天正文ref设置了container，如下所示：

const containerNode = ReactDOM.findDOMNode(this.refs.container)

我还设置了一个处理滚动的事件监听器：

containerNode.addEventListener('scroll', this.handleScroll);

我现在正试图找出如何实现用例，在我可以向上滚动之前，它会进行ajax调用。

handleScroll() {
    console.log("make an ajax call before it scrolls all the way up")
    if (some_conditon){
      //then load more!
    }
  }

Answer 1

由于您向上滚动到顶部，所以您需要查看容器的滚动顶部。

const offset = 100 // 100 px before the request
if (containerNode.scrollTop < offset) {
    // request more here
}

MonoBehaviour