hola ::)
veran no logro hacer este efecto que he visto en varios lugares y tampoco he encontrado mucha informacion o algo realmente útil, quizás alguno de ustedes me pueda ayudar :silbar:
tengo dos secciones en el body de una web (adjunto imagen) una azul y otra roja lo que quiero hacer es que cuando al bajar con el scroll y esta encuentre el final de la sección roja esta baje con la azul hasta el final de la azul de igual forma al subir
(https://i.ibb.co/YtpnZJ6/Scro.png)
https://i.ibb.co/YtpnZJ6/Scro.png (https://i.ibb.co/YtpnZJ6/Scro.png)
- Supongo que con puro CSS: position: sticky; Puedes dar un ejemplo de una web que lo implemente? solo hay que ver su código fuente y ver como está hecho. Antiguamente se hacía con javascript, poniendo un position: relative y fixed al hacer el scrooll, pero ahora sticky lo hace sin necesidad de javascript, dependerá de lo que exactamente quieres.
hola @EdePc primero agradecerle por su amable colaboración, masomenos lo que quiero hacer es algo como en esta web http://pennews.pencidesign.com/ (http://pennews.pencidesign.com/)
edito.
aunque sticky funciona, como hago que bajen los dos al tiempo pero cuando encuentre el final del menú derecho ese menú baje con el izquierdo?
Esto ultimo no te queda otra que calcularlo con javascript. Tienes que mirar los offsets y aplicar el sticky solo cuando se cumpla la condición que mencionas (es decir, miras donde esta el scroll y si el offset del bottom del elemento rojo es igual o menor).
https://stackoverflow.com/questions/6271237/detecting-when-user-scrolls-to-bottom-of-div-with-jquery/6271466
Saludos