Soy nuevo en Sticky y no lo usé antes, así que copio y pego algunos códigos (sobre la barra lateral Sticky) en mi proyecto, pero no funciona.
<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>Es difícil saberlo sin una vista previa en vivo. Pero antes de usar position: sticky; Hay algunas cosas para recordar:
position: sticky no funcionará si el elemento antecesor tiene uno de los siguientes valores para la propiedad de overflow : hidden , scroll o autotop , right , bottom o left para que el posicionamiento fijo se comporte como se espera.