title: Hide Element on Scrolling in Reactjs?
body: <p>I have a div that has scrolling enabled for that div. I have some elements in it, when the user starts to scroll I want an element to disappear and when scrolling stops I want it to show up again.</p>
  
  <p>How can I do this</p>
  
  <pre><code>&lt;div className="container"/&gt; 
      &lt;div&gt;Hide me on scrolling&lt;/div&gt;
      &lt;div&gt;Always show &lt;/div&gt;
  &lt;/div&gt;
  
  .container{
      flex: 1 1 80%;
      display: flex;
      flex-wrap: wrap;
      width: calc(100vw - 110px);
      height: calc(100vh - 75px);
      overflow-y: auto;
      min-width: 500px;
      display: flex;
      justify-content: center;
      z-index: 1;
  }
  </code></pre>