Este artigo descreve o método de JS simplesmente implementar a posição fixa da div em relação ao navegador. Compartilhe -o para sua referência, como segue:
<! Doctype html public "-// w3c // dtd html 4.0 transitória // pt"> <html> <head> <title> Propriedades de ancoragem </title> <meta http-equiv = "content-type" = "text/html; charset = utf-8 name = "robots"> <Cript> function totop () {window.scrollto (0,0);} função inferior () {// A propriedade scrolHeight é obter a altura de rolagem do objeto. Window.ScrollTo (0, document.body.scrolHeight);} função left () {//alert("left") ;lert(document.body.scrollleft) var esquerda = 0-document.body.ScrollWidth; // Pixel movendo-se para a janela esquerda.scrollby (esquerda, 0); //alert(document.body.scrollwidth); // largura de toda a janela da barra de rolagem.scrollby (document.body.scrollwidth, 0);} função init () {var init_pos = olayer.style.postop; var init_left = olayer.style.posleft; document.body.onscroll = function () {//document.body.Scrolltop é igual à distância da extremidade superior do deslizamento de rolagem até o ponto de partida do scrolling olayer.style.postop = document.body.scrolltop+init_pos; // ScrollLeft Defina ou obtenha a distância entre o limite esquerdo do objeto e a extremidade mais à esquerda do conteúdo atualmente visível na janela olayer.style.posleft = document.body.scrollleft +init_left; }} </script> </adhead> <corpo onLload = "init ()"> <a onclick = "bottom ()"> defina o fundo </a> <div id = "Olayer" style = "Posição: Absolute; esquerda: 120; top: 60; 6; OnClick = "Right ()"> Set Right </a> <div> width = "2000px" </div> <a style = "float: direita" onclick = "left ()"> Coloque o Esquerda <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <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 e Técnicas de Traversal "e" Resumo do Uso do Javascript Mathematic Operations "
Espero que este artigo seja útil para a programação JavaScript de todos.