Question

I have a div that can be revealed from several buttons on the screen. I’d like it so the div always appears 15px from the top of the screen, even if the window is scrolled to the bottom. But, i dont want it to be fixed. (meaning you should be able to scroll away from it.

#tip {
    background: #fff;
    width: 300px;
    z-index: 100;
    display: none;
    position: absolute;
    top: 15px;
    right: -330px; 
    -webkit-border-radius: 0 5px 5px 5px;
    -moz-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
}

What Javascript solution do I need here?

Answer 1

Without jQuery, the best I could suggest is this:

document.getElementById('tip').style.top = document.scrollTop + 15;