Debe obtener las coordenadas de algunos objetos HTML para establecer las coordenadas de la capa objetivo de manera más flexible. Aquí puede usar atributos como document.body.scrolltop, pero estos atributos se obtienen en la página web estándar de xhtml o, en términos simples, el valor obtenido en la etiqueta con <! Doctype ...> es 0; Si no tiene esta etiqueta, todo es normal, entonces, ¿cómo obtener las coordenadas del cuerpo en XHTML? Por supuesto que hay una manera. Usamos document.documentelement para reemplazar document.body. Por ejemplo, puede escribirlo así:
La copia del código es la siguiente:
var top = document.documentElement.scrolltop || document.body.scrooltop;
|| En JS es algo bueno. No solo se puede usar en la declaración condicional de IF, sino también en la asignación de variables. El ejemplo anterior se puede escribir en el siguiente formato:
La copia del código es la siguiente:
var top = document.documentelement.scrolltop? document.documentelement.scrolltop: document.body.scrolltop;
De esta manera, puede tener una buena compatibilidad. Una cosa a tener en cuenta es que si el valor de document.documentelement.scrolltop no se declara, se mostrará 0.
Instrucciones para obtener la posición de coordenada vertical de la coordenada de la barra de desplazamiento en la página actual:
document.documentelement.scrolltop en lugar de
document.body.scrolltop;
document.DocumentElement obtiene la etiqueta HTML.
document.body obtiene la etiqueta del cuerpo;
En W3C estándar, document.body.scrolltop es siempre 0, y document.documentelement.scrolltop debe ser reemplazado por document.documentelement.scrolltop;
Si queremos ubicar la posición absoluta del mouse en relación con la página, la mayoría de los resultados que obtenemos en los motores de búsqueda le permitirán usar
event.clientx+document.body.scrollleft, event.clienty+document.body.scrolltop;
Es extraño si encuentra que el mouse se desvía de su imaginación, porque el objeto document.body.scrollx ya no es compatible después de IE5.5.
Entonces necesitamos agregar una oración;
La copia del código es la siguiente:
if (document.body && document.body.scrolltop && document.body.scrollleft)
{
top = document.body.scrolltop;
izquierda = document.body.scrollleft;
}
if (document.documentelement && document.documentelement.scrolltop && document.documentelement.scrollleft)
{
top = document.documentelement.scrolltop;
izquierda = document.documentelement.scrollleft;
}
Los siguientes son algunos usos de parámetros:
El ancho de área visible de la página web: document.body.clientwidth;
La altura del área visible de la página web: document.body.clientheight;
El ancho de área visible de la página web: document.body.offsetwidth; (incluido el ancho de la línea de borde);
La altura del área visible de la página web: document.body.offsetheight; (incluido el ancho del borde);
El ancho de texto completo de la página web: document.body.scrollwidth;
Texto completo de la página web: document.body.scrollheight;
La página web se implementa en un alto nivel: document.body.scrolltop;
La izquierda de la página web que se está implementando: document.body.scrollleft;
En la parte principal de la página web: Windows.Screentop;
Izquierda de la página de texto de la página web: Windows.Screenleft;
Resolución de pantalla alta: Windows.Screen.Height;
Ancho de resolución de pantalla: windows.screen.widht;
La altura del espacio de trabajo disponible de la pantalla: Windows.Screen.availheight;
Pantalla de trabajo disponible en el espacio de trabajo: Windows.screen.availwidth;
Obtenga la altura de desplazamiento del objeto: Scrollheight;
Establezca o 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: Scrollleft;
Establezca o obtenga la distancia entre la parte superior del objeto y la parte superior del contenido visible en la ventana: ScrollTop;
Obtenga el ancho de desplazamiento del objeto: ancho de desplazamiento;
Obtiene la altura del objeto en relación con el diseño o la coordenada principal especificada por la coordenada principal: Propiedad OffsetParent: Offsetheight;
Obtenga la posición izquierda del cálculo del objeto en relación con el diseño o la coordenada principal especificada por la propiedad OffsetParent: Offsetleft;
Obtenga la posición superior calculada del objeto en relación con el diseño o la coordenada principal especificada por la propiedad Offsettop: Offsettop;
Event.clientx: coordenadas horizontales en relación con el documento;
Event.Clienty: la coordenada vertical en relación con el documento;
Event.OffSetX: coordenadas horizontales en relación con el contenedor;
Event.OffSety: la coordenada vertical en relación con el contenedor;
document.documentelement.scrolltop: establezca la altura vertical del pergamino
event.clientx + document.documentelement.scrolltop: posición horizontal en relación con el documento + la cantidad de desplazamiento en la dirección vertical;