Barra lateral pequeña Sticky en Vanilla JavaScript-FloatSidebar. js
| Autor: | vursen |
|---|---|
| Views Total: | 1,210 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 25, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
FloatSidebar. js es un pequeño plugin de JavaScript vainilla utilizado para crear una barra lateral flotante que es pegajosa en relación con cualquier elemento específico en el desplazamiento de la página.
Funcionamiento
Crea una barra lateral en tu página web.
<content class="content"> Main content here </content> <aside class="aside"> <div class="sidebar"> <div class="sidebar__inner"> </div> </div> </aside>
Cargue la versión minimizada del complemento FloatSidebar. js al final del documento.
<script src="float-sidebar.min.js"></script>
Inicializar el plugin y hacer la barra lateral pegajosa en relación con el contenido principal.
var sidebar = document.querySelector('.sidebar');
var content = document.querySelector('.content');
var floatSidebar = FloatSidebar({
sidebar: sidebar,
relative: content
}); Establezca los desplazamientos superior e inferior.
var sidebar = document.querySelector('.sidebar');
var content = document.querySelector('.content');
var floatSidebar = FloatSidebar({
sidebar: sidebar,
relative: content,
topSpacing: 40,
bottomSpacing: 40
}); Registro de cambios
10/25/2018
- v1.1.0: Added custom viewport element feature support
