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

Тема в разделе "JavaScript", создана пользователем spro1, 4 май 2017.

Модераторы: ZiX
  1. spro1

    spro1

    Регистр.:
    26 май 2013
    Сообщения:
    170
    Симпатии:
    70
    Всем доброго дня!

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

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

    Сейчас скрипт такой:
    Код:
        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");
                }
            });
        });
     
  2. TaTT_DoGG

    TaTT_DoGG Писатель

    Регистр.:
    10 июл 2012
    Сообщения:
    6
    Симпатии:
    1
    может дадите html+сss?
     
  3. mdss

    mdss ♖♘♗♕♔♗♘♖

    Moderator
    Регистр.:
    20 фев 2007
    Сообщения:
    1.137
    Симпатии:
    670
    D'Jack нравится это.