title: footer animate up when scrolling and touch bottom and animate down when scrolling up
body: <p>This is a question that once asked in a different variation, 
  and i tried to use the code, but it doesn't work for me.
  I want my footer to animate up when scrolling just a bit before reaching the bottom, and closing while scrolling up.
  like in this site - you will see if you scroll all the way down.
  <a href="http://www.pronto.co.il" rel="nofollow noreferrer">http://www.pronto.co.il</a></p>
  
  <p>this is my code:</p>
  
  <p>css:</p>
  
  <pre><code>body, html { height: 1000px; }
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;button id="buttonTest"&gt;try me&lt;/button&gt;
  &lt;div id="footer" style="display: none;"&gt;&lt;img src="pics/try_me_1.png" &gt;&lt;/div&gt;
  </code></pre>
  
  <p>I'm trying to leave the jquery code but I don't understand exactly how it works here yet. 
  so this is the link to the answer - i took it and use animate() instead the alert.
  <a href="https://stackoverflow.com/questions/23704846/footer-animates-up-when-you-reach-bottom-of-screen-but-fails-to-animate-down-wh">Footer animates up when you reach bottom of screen, but fails to animate down when you scroll back up</a></p>
  
  <p>will help me a lot. thank u so very much</p>