¿Qué es el complemento js para el directorio de artículos en el lado derecho del artículo de segmentfault? ¡Es genial!

A juzgar por el código fuente, creo que lo escribieron ellos mismos. No parece un complemento.

De hecho, el principio es muy simple. Hay dos funciones principales en el lado derecho del directorio.

1. Haga clic para saltar:

Los nombres de los directorios son todos enlaces de anclaje. Al hacer clic en el enlace de anclaje del texto, se saltará automáticamente a la ubicación del texto. Esta es una característica del navegador y no tiene nada que ver con el código.

2. Desplazarse por la página, enlace en el lado derecho:

Detecta la posición de la barra de desplazamiento en la página. Si alcanza la posición de un texto de enlace de anclaje, la pantalla. El efecto se cambiará correspondiente al directorio de la derecha.

Tome segmentfault como ejemplo. Creó una etiqueta div con un nombre de clase de título resaltado. Se configuran posicionamiento absoluto y efectos de gradiente CSS3. Cuando la barra de desplazamiento alcance la posición especificada, el valor superior del posicionamiento absoluto cambiará. Luego podrá ver el efecto de moverse lentamente hacia arriba o hacia abajo.

El código de detección de desplazamiento js específico se encuentra en el archivo fuente. Puedes verlo y analizarlo.