title: How to keep the other component stay on the top position when InfiniteScroll scroll down in reactjs
body: <p>I'm using InfiniteScroll to implement the content scrolling, but I hope that the Reset and Create buttons kept on the top when I scroll down the scrolls, i.e when I scrolled down multiple pages, I could not see the Reset and Create buttons. My code as following please:</p>
  
  <pre><code>&lt;div &gt;
    &lt;Button aligh="right" style={{float:"right"}}  variant="contained" onClick={this.reset}&gt;Reset&lt;/Button&gt;
    &lt;Button aligh="right" style={{float:"right"}}  variant="contained" onClick={this.create}&gt;Create&lt;/Button&gt;
     &lt;table id="customers"&gt;
      &lt;InfiniteScroll
          dataLength={lengthScroll}
          next={this.fetchData}
          hasMore={true}
          scrollThreshold='0'
        &gt;
          &lt;thead&gt;
            &lt;tr&gt;
                &lt;th&gt;ID&lt;/th&gt; &lt;th&gt;Name&lt;/th&gt; &lt;th&gt;Title&lt;/th&gt;
            &lt;/tr&gt;
                      &lt;/thead&gt;
            &lt;tbody &gt;
                {users.map((record, index) =&gt; {
                    return (&lt;td&gt;{record.id}&lt;/td&gt;&lt;td&gt;{record.name}&lt;/td&gt;&lt;td&gt;{record.title}&lt;/td&gt;)
                    })
                }    
            &lt;/tbody&gt;
        &lt;/InfiniteScroll&gt;
    &lt;/table&gt;
  
  &lt;/div&gt;
  </code></pre>