Crea una barra lateral de Facebook como Sticky-simple-Sticky-Sidebar. js

Vista prévia

Descripción

simple-Sticky-Sidebar. js es una biblioteca de la barra lateral de JavaScript Sticky rápida que hace que su barra lateral se pegue a la parte inferior y superior a medida que se desplaza hacia abajo o hacia arriba de la Página Web.

Funcionamiento

Crea una barra lateral para tu página web.

<div class="sidebar">

<div class="sidebar-inner">


<div class="widget">Widget Here</div>


<div class="widget">Widget Here</div>


<div class="widget">Widget Here</div>


<div class="widget">Widget Here</div>


<div class="widget">Widget Here</div>


<div class="widget">Widget Here</div>


<div class="widget">Widget Here</div>


<div class="widget">Widget Here</div>


<div class="widget">Widget Here</div>

</div>
</div>

Incluya el archivo JavaScript ' simple-Sticky-Sidebar. js ' en la parte inferior de la Página Web.

<script src="js/simple-sticky-sidebar.js"></script>

Haga que el contenido interno de la barra lateral esté absolutamente posicionado.

.sidebar{

position: relative;

height: 100%;
}

.sidebar-inner {

width: 100%;

position: absolute;
}

Inicializa la barra lateral pegajosa.

simpleStickySidebar('.sidebar-inner', {

container: '.sidebar'
});

Establece los desplazamientos superior e inferior cuando la barra lateral esté atascada.

simpleStickySidebar('.sidebar-inner', {

container: '.sidebar',

topSpace: 20

bottomSpace : 20
});

Registro de cambios

10/25/2018

• Se soluciona cuando la altura de la barra lateral se cambia dinámicamente