im new to sticky and i didn't use it before, so i copy & paste some codes (about sticky sidebar) into my project but it doesn't work.
<Layout title="Books">
<div className="container w-100 row">
<div className="sticky-top col-sm-3">
<Filter />
</div>
<div className="col-sm-9 ">
<Books />
</div>
</div>
<Footer />
</Layout>
It's hard to tell without a live preview. But before using position: sticky; there are few things to remember:
position: sticky won't work if ancestor element has one of the following values for the overflow property: hidden, scroll, or autotop, right, bottom, or left for sticky positioning to behave as expected.