El evento laminador de la barra de desplazamiento de monitoreo JS hace que el contenido de una etiqueta esté siempre en la misma posición

Pequeños puntos de conocimiento, no muchas tonterías, solo aplique el código directamente

CSS:

Copiar código del código de la siguiente manera:

<pr name = "código"> <style>

#ancla: {{

Posición: ausular;

Arriba: 40%;

Izquierda: 40%;

Ancho: 100px;

Altura: 100px;

Color de fondo: rojo;

}

</style> </pre> <br>

JS:

Copiar código del código de la siguiente manera:

<PR name = "Code"> var auchortop = $ ("#anchor").

auchortop = número (auchortop.substring

Window.onscroll = function () {

var top = document.documentelement.scroltop ||

$ ("#Anchor").

};

HTML:

Copiar código del código de la siguiente manera:

<div id = "ancla"> </div>

Puede agregar barras de rodadura a los eventos de rollo en la ventana. . Por lo tanto, puedes usar los símbolos "|| 'para combinar estos dos atributos, que es compatible con diferentes navegadores. Anchortop es la distancia entre el comienzo del objetivo y la parte superior del navegador.

Cuando se enrolla la barra rodante, el valor superior cambia y luego el valor superior inicial del '#anchor' más el valor superior de la barra de desplazamiento puede mantener el contenido siempre en la misma posición.