Помогите допилить скрипт "прилипающего" блока

[spro1]

Всем доброго дня!

задача сделать прилипающий див так, чтобы при прокрутке страницы до верхнего края позиция блока фиксировалась. С этим все получилось, но если высота экрана не позволяет разместить блок полностью, то сейчас часть блока просто не видно, так как задается фиксированное позиционирование.
Помогите пожалуйста допилить скрипт так, чтобы если нижняя часть блока не влезает по высоте, то блок прокручавался до конца и фиксировался, кроме того нужно, чтобы при прокрутке до футера прилипающий блок не перекрывал его.

Спасибо заранее!

Сейчас скрипт такой:

    jQuery(function() {
        var box = jQuery('#sticker-nav'); // float-fixed block

        var top = box.offset().top - parseFloat(box.css('marginTop').replace(/auto/, 0));
        jQuery(window).scroll(function(){
            var windowpos = jQuery(window).scrollTop();
            if(windowpos < top - 70) {
                jQuery('#sticker-nav').removeClass("sticker");
            } else {
                jQuery('#sticker-nav').addClass("sticker");
            }
        });
    });

 

[TaTT_DoGG]

может дадите html+сss?

 

[mdss]

Не изобретайте велосипед
Для просмотра ссылки Войди или Зарегистрируйся