title: How to hide fixed DIV when footer is visible on screen?
body: <p>I have a fixed sidebar, which is visible all along the page when scrolling down.</p>
  
  <p>The problem is that - in some cases - the sidebar is getting over the footer when reaching to the bottom of the page.</p>
  
  <p>I want to hide the sidebar when the Footer is visible on screen to avoid that.
  How can I do it?</p>