Прилипающий снизу или сверху сайдбар на JavaScript

Чтобы сайдбар или любой блок прилипал сверху нужно задать ему такой стиль:

position: sticky;
top: 0;

Чтобы сделать прилипание снизу, нужно добавить такой код javascript:

setInterval(() => {
    let sidebar = document.getElementById('sidebar');
    let rect = sidebar.getBoundingClientRect();
    let top = rect.height - window.innerHeight - 30;
    sidebar.style.top = -top + 'px';
}, 1000);

В let top можно добавить или отнять некоторые значения, чтобы выровнять прилипание.

0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest

0 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии