la posición del div en la página varía. ¿Cómo puedo obtener la posición y desde la parte superior?¿Puedo obtener las coordenadas de un div con JQuery?
6
A
Respuesta
10
jQuery ('# id'). Offset()
Devuelve un objeto con las compensaciones superior e izquierdo.
2
Usted también puede estar interesado en la función de posición que obtiene la posición relativa de un padre offset (vs compensación que lo consigue en relación con el documento)
var position = $('#id').position();
3
Entonces tienes que tener opciones. posición() o desplazamiento().
position() Básicamente similar a lo que podría usar en las propiedades superiores de CSS, izquierda.
offset() Devolverá la distancia relativa al documento. Esto considera márgenes, almohadillas y bordes.
<style>
.cont {
position: absolute;
top: 100px;
left: 100px;
border: solid 3px black;
}
p {
margin: 20px;
padding: 20px;
border: solid 2px black;
position: absolute;
top: 20px;
left: 20px;
}
</style>
<div class="cont">
<p>Hello World!</p>
</div>
$('p').position() => { top: 20, left: 20 }
$('p').offset() => { top: 143, left : 143 }
Observe cómo los valores de posición son los mismos que los valores CSS, y offset considera la posición de los padres, la frontera de los padres y el ('p') margen y el relleno del elemento.
Cuestiones relacionadas
- 1. obteniendo las coordenadas X e Y para un elemento div
- 2. jQuery - Si muevo un div con el teclado
- 3. ¿Cómo obtener las coordenadas de ToolStripButton?
- 4. ¿Cómo colocar un DIV en coordenadas específicas?
- 5. Jquery - Obtener todos los niños visibles desde un div Obtener
- 6. actualizar div con jquery
- 7. obtener un valor Div en JQuery
- 8. herramienta para obtener las coordenadas de un píxel de imagen
- 9. cómo obtener las coordenadas de un polígono en OpenLayers
- 10. ¿Cómo puedo obtener la clase actual de un div con jQuery?
- 11. servicio Web para obtener las coordenadas GPS
- 12. ¿Cómo obtener las coordenadas de un punto con un clic del mouse con JFreeChart?
- 13. obtener las coordenadas de un rectángulo delimitador de FrameworkElement
- 14. ¿Cómo puedo transformar las coordenadas de un Shapefile?
- 15. ¿Cómo puedo desvanecer un div usando jQuery?
- 16. Obtener las coordenadas de un evento táctil en Android
- 17. div con jQuery
- 18. Posible obtener las coordenadas actuales del mouse con Javascript?
- 19. ¿Cómo obtengo las coordenadas con el dibujo?
- 20. Obtener el país desde las coordenadas?
- 21. Obtener las coordenadas del cursor en raphael
- 22. jQuery - Siga el cursor con un DIV
- 23. Cómo dibujar un png-osm-map con las coordenadas
- 24. jQuery obtener valor dentro de div infantil
- 25. DIV con jQuery
- 26. ¿Cómo puedo obtener eventos keydown en un div en cromo?
- 27. JQuery: obtener el div principal de un elemento anidado ID
- 28. ¿Obtener valores de translate3d de un div?
- 29. ¿Cómo obtener la posición/coordenadas de un evento tap con jquery-mobile?
- 30. jQuery: ¿Cómo puedo activar un evento cuando aparece un div?