Как сделать липкий блок останавливающийся на футоре?

Question

[galyamov_marat]

Как сделать липкий блок останавливающийся на футоре?

Нашел такой код:

<script type="text/javascript">
    $(document).ready(function(){
        var HeaderTop = $('#ct').offset().top;
        
        $(window).scroll(function(){
                if( $(window).scrollTop() > HeaderTop ) {
                        $('#ct').css({position: 'fixed', top: '80px'});
                } else {
                        $('#ct').css({position: 'static'});
                }
        });
    });
</script>

Но в этом случае блок залезает на footer. Как сделать так, чтобы блок становился статичным при достижения футера? Спасибо.

Answer 1

[faragly]

position: sticky;

Answer 2

[rhost]

leafo.net/sticky-kit