Este artículo describe el método de JS simplemente implementando la posición fija de DIV en relación con el navegador. Compártelo para su referencia, como sigue:
<! DocType html public "-// w3c // dtd html 4.0 name = "Robots"> <script> Function Totop () {Window.ScrollTO (0,0);} function Bottom () {// La propiedad ScrollHeight es para obtener la altura de desplazamiento del objeto. window.scrollto (0, document.body.scrollheight);} function izquierdo () {//alert("left") ;alert(Document.body.scrollleft) var izquierda = 0-document.body.scrollwidth; // pixel moviéndose a la ventana izquierda.scrollby (izquierda, 0);} Función correcta () {{{ //alert(document.body.scrollwidth); // ancho de toda la ventana de la barra de desplazamiento.scrollby (document.body.scrollwidth, 0);} function init () {var init_pos = olayer.style.postop; var init_left = olayer.style.posleft; document.body.onscroll = function () {//document.body.scrolltop es igual a la distancia desde el extremo superior del control deslizante de desplazamiento hasta el punto de inicio del desplazamiento olayer.style.postop = document.body.scrolltop+init_pos; // scrollleft set u obtenga la distancia entre el límite izquierdo del objeto y el extremo más a la izquierda del contenido actualmente visible en la ventana olayer.style.posleft = document.body.scrollleft +init_left; }} </script> </head> <body onload = "init ()"> <a onClick = "Bottom ()"> Establecer la parte inferior </a> <div id = "Olayer" style = "posición: absoluto; izquierda: 120; top: 60; Z-Index: 2; fondo: verde; width: 120px; altura: 120px"> ddddd <div> <a. onClick = "Right ()"> Establezca a la derecha </a> <div> width = "2000px" </div> <a style = "float: right" onClick = "izquierda ()"> Poner el Izquierda </a> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <BR> br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <b r> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> > <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <BR> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>< br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <b r> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> > <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <BR> <For more information about JavaScript related content, please check out the topics of this site: "Summary of JavaScript switching effects and techniques", "Summary of JavaScript search algorithm skills", "Summary of JavaScript animation effects and techniques", "Summary of JavaScript errors and debugging techniques", "Summary of JavaScript data structures and algorithm skills", "Summary of JavaScript Algoritmos y técnicas de recorrido ", y" Resumen del uso de operaciones matemáticas de JavaScript "
Espero que este artículo sea útil para la programación de JavaScript de todos.