Как сделать на bootstrap 3, чтобы при скроле контента левый sitebar летел за мной?

Question

[id56346gera]

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

Comments

[Сергей delphinpro]

https://getbootstrap.com/docs/3.3/javascript/#affix

Answer 1

[Andrew]

Оберните сайд бар в блок какой-то и сделайте для декстопа

.side-bar {
position: fixed;
left: 5vw;
width: 25vw;
}
.main-container {
width: 70vw;
}

а для мобилок:

@media screen and (max-width: 768px) {
    .side-bar {
        position: relative;
        width: 100vw;
    }
.main-container {
width: 100vw;
}
}