Biblioteca de Scrollspy de Effecient-AnchorTrigger

Vista prévia

Descripción

Sólo otra biblioteca de JavaScript de scrollspy que escucha los eventos de desplazamiento y ejecuta automáticamente una función de devolución de llamada cuando la página se desplaza más allá de los anclajes especificados.

Perfecto para la creación de una navegación lateral que actualiza automáticamente los Estados activos/inactivos dependiendo de la posición de desplazamiento. Admite el desplazamiento horizontal y vertical de la página.

Funcionamiento

Para empezar, solo tiene que incluir el Anchor-Trigger. js en la parte inferior de la página web y estamos listos para ir.

<script src="anchor-trigger.js"></script>

Uso básico:

• listOfAnchorNames: matriz que contiene los nombres de los anclajes para ver
• callback: función a callback cuando dentro de un determinado ancla

var obj = AnchorTriggre( listOfAnchorNames, callback, [options] )

Opciones disponibles.

// tags to query as anchors.
 query: 'a',


// Only call callback when anchor has changed.
onlyOnChange: true /

// fraction of page (top to bottom or left to right)
to trigger new area.
fraction: .5,


 // Delay to throttle calls during scroll
delay: 50,

// The element we are watching for scroll.
 bind: window,



// Direction of scroll
// 'top' or 'left'
flow: 'top',

 // called even when trigger remains the same.
alwaysCallback: undefined