Tendría que asegurarme de que cuando se desplaza la página, el div ".col-left" se coloca en la posición fija (debe comenzar desde arriba ".ctn-parte-iniziale").
Además, cuando llega al final del pie de página ".bg-orange" debe detenerse y ya no debe estar en la posición fija.
¿Como lo puedo hacer?
¡Mil gracias!
Este es mi código:
<div class="ctn-parte-iniziale">...</div> <div id="main-site"> <div class="bg-white"> <div class="container"> <div class="page_layout page_margin_top clearfix cnt-corsi-gen"> <div class="row"> <div class="col-md-3 col-lg-3 col-xs-12"> <div class="col-left"> ... </div> </div> <div class="col-md-9 col-sm-9 col-xs-12"> ... </div> </div> </div> </div> </div> </div> <div class="bg-orange"></div>```Intente agregar esto a col-left . En 2021, es posible que no necesite la línea webkit , pero pruébela primero.
Entonces, en CSS
div.sticky { position: -webkit-sticky; <!-- Safari/Chrome ---> position: sticky; top: 0; }Y luego en tu HTML
<div class="col-left sticky">