Задать вопрос
llgruff
@llgruff
Scala

Как установить нижнюю границу прокрутки для «прилипающего» виджета jquery.sticky.js?

Использую в блоге WordPress плагин jquery.sticky.js.
Как пишет автор, "чтобы любой элемент на странице всегда оставался видимым". Это работает)

Использую его для крайнего снизу виджета в sidebar:
<div id="sticker" class="superposition">
........
</div>

Вызываю сам скрипт и затем привязываю его к виджету:
<script>
+function($){
    $(window).load(function(){
        $("#sticker").sticky({ 
                topSpacing: 50,
        });
        $('#sticker').on('sticky-start', function() { console.log("Started"); });
        $('#sticker').on('sticky-end',  function() { console.log("Ended"); });
    });
}(jQuery);
</script>

Теперь при прокрутке длинной страницы нижний виджет фиксируется и прилипает к верхушке страницы. Супер)
Но в конце страницы большой footer, и виджет налазит на него.

Как сделать, чтобы коснувшись виджет останавливался и не налазил на footer?

Посоветуйте как доработать.
Благодарю за ответ
  • Вопрос задан
  • 704 просмотра
Подписаться 1 Оценить Комментировать
Решения вопроса 1
@kwolfy
jQuery("#sticker").sticky({ 
        topSpacing: 50,
        bottomSpacing: 700
});
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы