title: How to make a fixed floating button to stop at footer in angularjs
body: <p>I would like to create a button using that floats until footer and then stops</p>
  
  <p>1) Button should be  <code>poisition: fixed;</code> bottom: 0px when footer is not visible</p>
  
  <p>2) When footer becomes visible, button should just sit on top of footer</p>
  
  <p>The button should handle following cases. 
  when states change in angular, when we get data from server the footer is visible for a moment and then the page expands, what will happen then?</p>
  
  <p>when the page has less content and footer is visible, button should sit on top of footer.</p>
  
  <p>How can i do this?</p>
  
  <p>Here is the plunker i started to play around with</p>
  
  <p><a href="http://plnkr.co/edit/SoCBjkUjFICiuTeTPxDB?p=preview" rel="nofollow">http://plnkr.co/edit/SoCBjkUjFICiuTeTPxDB?p=preview</a></p>