Cómo limitar la posición fija de un div al hacer scroll

malder · 15 Feb 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 Feb 2015

Estoy en cel me explicare lo mejor que pueda.

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

Insertar CODE, HTML o 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 Feb 2015

Gracias voy a inverstigarlo 😉

Cómo limitar la posición fija de un div al hacer scroll

malder

kanikase

malder