Задать вопрос
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?

Посоветуйте как доработать.
Благодарю за ответ
  • Вопрос задан
  • 705 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillbox
    JavaScript
    3 месяца
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Решения вопроса 1
@kwolfy
jQuery("#sticker").sticky({ 
        topSpacing: 50,
        bottomSpacing: 700
});
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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