リアクションで要素のスクロール位置を決定する方法

Question

私はチャットウィジェットで無限のスクロールを実装しようとしています。私はこのようなチャット身体のコンテナ用参照セットアップがあります。

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

を私もすでにセットアップスクロールのハンドルイベントリスナー：

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

私は今実装するhowhow見つけるためにしようとしています私がスクロールアップする前に、それは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 
} 

SAMPLE FIDDLE