|
Título: como mover una sección hasta el final de otra con jquery Publicado por: colcrt en 10 Marzo 2019, 01:29 am 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) Título: Re: como mover una sección hasta el final de otra con jquery Publicado por: EdePC en 10 Marzo 2019, 02:48 am - 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.
Título: Re: como mover una sección hasta el final de otra con jquery Publicado por: colcrt en 11 Marzo 2019, 10:40 am 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? Título: Re: como mover una sección hasta el final de otra con jquery Publicado por: #!drvy en 16 Marzo 2019, 04:48 am 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 |