Pull Out A Div From The Bottom

I have this code at jsfiddle Quite simply, I want to pull it out from the bottom, on a fixed size page (1920x1080), I have this sample working to pull from the right edge, but not

Solution 1:

Look at the following jsFiddle..

Basically I copied and pasted your code and manipulated using bottom positioning. that way you will be able to see the differences between the two.. both in CSS and JS. it is essentially the same logic as the code you posted.

Note that the body now has overflow:hidden; instead of overflow-x:hidden;

Solution 2:

To move it to the bottom, simply make a small change to your CSS.

#slideout {
    background: #666;
    position: absolute;
    width: 280px;
    height: 80px;
    bottom: 50px;
    right:-280px;
    padding-left: 20px
}