kier0
4/29/2015 - 1:53 AM

Sticky elements that stop at a certain distance from the bottom. Good for sticky items that should sit on top of the footer when it is in v

Sticky elements that stop at a certain distance from the bottom. Good for sticky items that should sit on top of the footer when it is in view.

The CSS
content_copyfile_download
.sticky.stuck {
position:fixed!important;
bottom:60px!important;
}
footer {
height:60px;
}
Sticky elements that stop at a certain distance from the bottom
content_copyfile_download
jQuery(document).on("scroll",function(){
    if(jQuery(window).scrollTop() + $(window).height() > $(document).height() - 60){
        jQuery("div.sticky").addClass("stuck");
    } else{
        jQuery("div.sticky").removeClass("stuck");
    
}
});