Hola muchas gracias por leer y brindarme su apoyo.
Como pueden ver en el link
https://www.ayaestabilizadores.com/Proyecto/ mi plataforma costa de cabezal (donde dice logo) y debajo el cuerpo y la barra lateral
la barra lateral es una columna "pegajoso" o "sticky" el cual lo hice con javascript y segun utilizamos la barra d edesplazamiento vertical permanece en posicion 0 del top, pero no logro que se vea todo el contenido de esa barra lateral que tiene 3 fotos.
¿Como puedo hacer para que se me permita ver todo el contenido?
Este es el codigo que emplee:
Código PHP:
$(document).ready(function(){
var altura = $('.contenedor-publicidad').offset().top;
$(window).on('scroll', function(){
if ( $(window).scrollTop() > altura ){
$('.contenedor-publicidad').addClass('contenedor-publicidad-fijo');
} else {
$('.contenedor-publicidad').removeClass('contenedor-publicidad-fijo');
}
});
});
Código PHP:
aside.contenedor-publicidad{position: relative;}
aside.publicidad{position: fixed; top:0; right: 0}
section.publicidad article{margin-bottom: 20px;}
aside.contenedor-publicidad-fijo{
position:fixed;
z-index:1000;
top:0;
right: 0;
width:100%;
}
section.publicidad article {margin-bottom: 8px;}
En este enlace se observa perfectamente lo que deseo hacer:
https://www.laboratorioslabet.com.pe...eche-mas-plus/ como lo pueden apreciar se puede ver perfectamente el contenido de de ambas columnas, y el top de la columna dos no es fija sino que cambia segun la circunstancias.