Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque gravida gravida urna, 
sed suscipit orci placerat ut. In porttitor odio vel neque fermentum accumsan. 
Suspendisse vitae porta metus. Morbi mattis dui lacus, sit amet maximus mauris bibendum sed. 
Suspendisse potenti. In et justo nulla. Mauris mattis metus non risus molestie, sit amet eleifend 
leo sollicitudin. 
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque gravida gravida urna, 
sed suscipit orci placerat ut. In porttitor odio vel neque fermentum accumsan. 
Suspendisse vitae porta metus. Morbi mattis dui lacus, sit amet maximus mauris bibendum sed. 
Suspendisse potenti. In et justo nulla. Mauris mattis metus non risus molestie, sit amet eleifend 
leo sollicitudin. 
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque gravida gravida urna, 
sed suscipit orci placerat ut. In porttitor odio vel neque fermentum accumsan. 
Suspendisse vitae porta metus. Morbi mattis dui lacus, sit amet maximus mauris bibendum sed. 
Suspendisse potenti. In et justo nulla. Mauris mattis metus non risus molestie, sit amet eleifend 
leo sollicitudin. 
</p>
<div id='box'>I'm the box</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque gravida gravida urna, 
sed suscipit orci placerat ut. In porttitor odio vel neque fermentum accumsan. 
Suspendisse vitae porta metus. Morbi mattis dui lacus, sit amet maximus mauris bibendum sed. 
Suspendisse potenti. In et justo nulla. Mauris mattis metus non risus molestie, sit amet eleifend 
leo sollicitudin. 
</p>
 
window.onload = function() {
​
  function getScrollTop() {
    if (typeof window.pageYOffset !== 'undefined' ) {
      // Most browsers
      return window.pageYOffset;
    }
​
    var d = document.documentElement;
    if (d.clientHeight) {
      // IE in standards mode
      return d.scrollTop;
    }
​
    // IE in quirks mode
    return document.body.scrollTop;
  }
​
  window.onscroll = function() {
    var box = document.getElementById('box'),
        scroll = getScrollTop();
​
    if (scroll <= $('body').height()) {
      box.style.bottom = "2px";
    }
    else {
      box.style.bottom =  "2px";
    }
  };
​
};
​
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers