How to Keep still the leftbar when we pulling down the page?

samtto

How to fixed the leftbar when pull down the page?
just like:https://www.mh163k.com/info/

[deleted]

samtto Try this

@media (min-width: 992px) {
.sideNav, .sideNav>ul {
    width: 190px;
    position: sticky;
    top: 70px;
}
}

Note, that you'll also need to modify css class .app as follows

.App {
    overflow-x: visible;
}

So, all in, this CSS block will work on desktop only


@media (min-width: 992px) {
.sideNav, .sideNav>ul {
    width: 190px;
    position: sticky;
    top: 80px;
}
.App {
    overflow-x: visible;
}
}

A couple of things to note.

CSS class position: sticky will only work if the parent DIV is not set to overflow:hidden
You'll need to change the top: position in .sideNav to suit your forum, as I'm using a customized header

For anyone interested, you can see how this works on my site at https://forum.phenomlab.com - switch between desktop and mobile, and you'll get the idea

samtto

thank you!perfect！