Como limitar a posição fixa de uma div ao fazer scroll

malder · 15/02/2015

Buenas, a ver si me podeis echar una mano 🙂

tengo un div con el resumen de precios como se ve en la imagen cuando hago scroll queda fijo pero mi idea es evitar que pase la capa de abajo, ahora mismo la sobrepasa, como podria evitar esto?

Muchas gracias

kanikase · 15/02/2015

Estoy en cel me explicare lo mejor que pueda.

Lo haces igual con jquery y la funcion scroll algo asi:

Inserir CODE, HTML ou PHP:

$(document).ready(function(){
// altura hasta el footer mas la altura de el elemento flotante
var altura = $('footer').offset().top + parseInt(200);
$(window).scroll(function(){
if($(window).scrollTop() >= altura){
$('.elemento').css({
position : 'relative'
});
} else {
$('.elemento').css({
position : 'fixed'
});
}
});
})

Algo asi XD ya tú lo adaptas.

Mi firma Tapatalk

malder · 16/02/2015

Gracias voy a inverstigarlo 😉

Como limitar a posição fixa de uma div ao fazer scroll

malder

kanikase

malder

Tópicos similares