Question

$(window).scroll(function() {
    $('#myElement').css('top', $(this).scrollTop() + "px");
});

works great, but what if I want it fixed to the bottom instead of top?

Many thanks

Answer 1

You could do it by adding the element’s height to the scrollTop value:

$(window).scroll(function() {
    var myElement = $('#myElement');
    myElement.css('top', $(this).scrollTop() + $(this).height() - myElement.height() + "px");
});

Alternatively, have you looked into using position: fixed? It works well in all browsers except IE, and you can get around it with CSS expressions.