title: How to hide DIV when scroll reach at Bottom through CSS?
body: <p>This is my div <code>style</code></p>
  
  <pre><code>&lt;style&gt;
  #N_fixedBottom
  {
     position:fixed;
     bottom:0px;
     left:0px;
     right:0px;
     background-color:#004369;
     width:100%;
     height:20px;
     z-index:100;
  }
  
  &lt;/style&gt;
  &lt;div id="N_fixedBottom"&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>This <code>div</code> should hide when it scroll down to the bottom of page. Because this DIV is hiding my footer.</p>