title: How to make Div disappear when scrolling (this) close to bottom
body: <p>Basically,I want a div (sidebar) to slide off to the left when the user scrolls to, for example, 50px away from the bottom of the page, the closest thing I found is this piece of code</p>
  
  <pre><code>&lt;script&gt;
      $(window).bind('scroll', function() {
       if ($(window).scrollTop() &gt; 100) {
           $('#myDivId').hide();
       }
       else {
           $('#myDivId').show();
       }
  });
      &lt;/script&gt;
  </code></pre>
  
  <p>I tried modifying it but to no avail.I already have a transition attribute so all I need is basically to have the div's position become -100px to the left.</p>
  
  <p>and I know I probably shouldn't be asking two questions but why does my footer not extend to the full width of the page I know it has to do with the sidebar but in what way?? </p>