Как закрепить меню?

Question

[ss44v]

Добрый вечер.
Подскажите пожалуйста как закрепить сайд бар что бы он не выходил из белой части сайта https://systemacln.ru/general/

Answer 1

[Павел Емцов]

Это делается с помощью Js. Я написал пример на jquery.

window.onscroll = function() {
    var scroll = $(document).scrollTop();
    if (scroll >= $(document).height() - $(window).height()){
        $('.sidebar').addClass('sidebar--bottom');
    }else{
        $('.sidebar').removeClass('sidebar--bottom');
    }
}

В стилях уже подправляете.

.sidebar--bottom {
  top: auto;
  bottom: 500px;
}

Примерно так.