Você precisa obter as coordenadas de alguns objetos HTML para definir as coordenadas da camada de destino com mais flexibilidade. Aqui você pode usar atributos como document.body.scrolltop, mas esses atributos são obtidos na página da web padrão do XHTML ou, em termos simples, o valor obtido na tag com <! Doctype ...> é 0; Se você não tem essa tag, tudo é normal, então como obter as coordenadas do corpo no XHTML? Claro que existe um caminho. Usamos document.documentElement para substituir o documento.body. Por exemplo, você pode escrever assim:
A cópia do código é a seguinte:
var top = document.documentElement.scrolltop || document.body.scrooltop;
|| em JS é uma coisa boa. Ele não pode ser usado apenas na declaração condicional de IF, mas também na atribuição de variáveis. O exemplo acima pode ser escrito no seguinte formato:
A cópia do código é a seguinte:
var top = document.documentElement.scrolltop? document.documentElement.scrolltop: document.body.scrolltop;
Dessa forma, pode ter uma boa compatibilidade. Uma coisa a observar é que, se o valor do documento.DocumentElement.Scrolltop não for declarado, ele exibirá 0.
Instruções para obter a posição de coordenada vertical da coordenada da barra de rolagem na página atual:
document.documentElement.scrolltop em vez de
document.body.scrolltop;
document.documentElement recebe a tag html.
document.body recebe a etiqueta corporal;
Sob W3C padrão, document.body.scrolltop é sempre 0 e document.documentElement.scrolltop precisa ser substituído pelo document.documentElement.scrolltop;
Se quisermos localizar a posição absoluta do mouse em relação à página, a maioria dos resultados que obtemos nos mecanismos de pesquisa permitirá que você use
event.clientx+document.body.scrollleft, event.clienty+document.body.scrolltop;
É estranho se você achar que o mouse se desvia da sua imaginação, porque o objeto Document.Body.Scrollx não é mais suportado após o IE5.5.
Então, precisamos adicionar uma frase;
A cópia do código é a seguinte:
if (document.body && document.body.scrolltop && document.body.scrollleft)
{
top = document.body.scrolltop;
esquerda = document.body.scrollleft;
}
if (document.documentElement && document.documentElement.scrolltop && document.documentElement.scrollleft)
{
top = document.documentElement.scrolltop;
esquerda = document.documentElement.scrollleft;
}
A seguir, são apresentados alguns usos de parâmetros:
A largura da área visível da página da web: document.body.clientwidth;
A altura da área visível da página da web: document.body.clientHeight;
A largura da área visível da página da web: document.body.offsetWidth; (incluindo a largura da linha de borda);
A altura da área visível da página da web: document.body.offsethight; (incluindo a largura da borda);
A largura completa do texto da página da web: document.body.scrollwidth;
Texto completo da página da web: document.body.scrolHeight;
A página da web é lançada em alto nível: document.body.scrolltop;
A esquerda da página da web sendo lançada: document.body.scrollleft;
Na parte principal da página da web: Windows.ScREENTOP;
Esquerda da página da página da web parte: Windows.ScreenLeft;
Alta resolução de tela: windows.screen.height;
Largura da resolução da tela: windows.screen.widht;
A altura do espaço de trabalho disponível da tela: windows.screen.availHeight;
Tela disponível Largura do espaço de trabalho: windows.screen.availwidth;
Obtenha a altura de rolagem do objeto: ScrolHeight;
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: rollleft;
Defina ou obtenha a distância entre a parte superior do objeto e a parte superior do conteúdo visível na janela: ScrollTop;
Obtenha a largura de rolagem do objeto: scrollwidth;
Obtém a altura do objeto em relação ao layout ou à coordenada dos pais especificada pela coordenada pai: Propriedade OffsetParent: OffSetHeight;
Obtenha a posição esquerda do cálculo do objeto em relação ao layout ou da coordenada pai especificada pela propriedade OffsetParent: offsetleft;
Obtenha a posição superior calculada do objeto em relação ao layout ou à coordenada pai especificada pela propriedade OffsetTop: OffsetTop;
Event.ClientX: coordenadas horizontais em relação ao documento;
Event.Clienty: a coordenada vertical em relação ao documento;
Event.OffSetX: coordenadas horizontais em relação ao contêiner;
Event.offsety: a coordenada vertical em relação ao contêiner;
Document.DocumentElement.Scrolltop: Defina a altura vertical do pergaminho
Event.ClientX + Document.DocumentElement.Scrolltop: posição horizontal em relação ao documento + a quantidade de rolagem na direção vertical;