Encabezado Sticky & pie de página en el scroll-titleBarJs
| Autor: | pddivine |
|---|---|
| Views Total: | 1,839 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 9, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
titleBarJs es un pequeño plugin de JavaScript que muestra el encabezado fijo & pie de página cuando se desplaza hacia abajo por la Página Web.
Funcionamiento
Importe el archivo de JavaScript TitleBar. js a la Página Web.
<script src="titlebar.js"></script>
Cree el contenido del encabezado Sticky & pie de página como este:
<span id="titlebar"> <p class="titlebarContent">Content Here</p> </span> <span id="titlebarbottom"> <p class="titlebarContent">Content Here</p> </span>
Inicializa el plugin con las opciones predeterminadas.
document.addEventListener('DOMContentLoaded', main);
function main () {
titlebarJs.init({
isTop: true,
id: 'titlebar',
triggerId: 'body'
});
titlebarJs.init({
id: 'titlebarbottom',
isTop: false
});
} Si desea mostrar el encabezado/pie de página Sticky después de desplazarse más allá de un elemento específico.
function main () {
titlebarJs.init({
isTop: true,
id: 'titlebar',
triggerId: '#element'
});
titlebarJs.init({
id: 'titlebarbottom',
isTop: false
});
}
