como mover una sección hasta el final de otra con jquery

[colcrt]

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 

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

[EdePC]

- 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.

[colcrt]

hola @EdePc primero agradecerle por su amable colaboración, masomenos lo que quiero hacer es algo como en esta web 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?

[#!drvy]

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