Ich möchte einen DIV in bestimmten Koordinaten positionieren. Wie kann ich das mit Javascript machen?
javascript
html
coordinates
Adham
quelle
quelle
x_pos
,y_pos
Sie müssen dazu kein Javascript verwenden. Verwenden von einfachem altem CSS:
Wenn Sie der Meinung sind, dass Sie Javascript verwenden müssen oder dies dynamisch mithilfe von JQuery versuchen, wirkt sich dies auf alle Divs der Klasse "blah" aus:
Wenn Sie alternativ altes Javascript verwenden müssen, können Sie alternativ nach ID greifen
quelle
document.getElemtentById()
können Sie es auch mit einem beliebigen jQuery-ähnlichen Selektor mit document.querySelector () und seinen vielen VariationenNun, es hängt davon ab, ob Sie nur ein Div positionieren möchten und dann nichts anderes. Sie müssen dafür kein Java-Skript verwenden. Sie können dies nur durch CSS erreichen. Was zählt, ist relativ zu dem Container, in dem Sie Ihr Div positionieren möchten. Wenn Sie es relativ zum Dokumentkörper positionieren möchten, muss Ihr Div absolut positioniert sein und sein Container darf nicht relativ oder absolut positioniert sein. In diesem Fall wird Ihr Div positioniert relativ zum Container.
Andernfalls können Sie mit Jquery die Methode offset () verwenden, wenn Sie ein Element relativ zum Dokument positionieren möchten.
wenn relativ zur versetzten übergeordneten Position die übergeordnete relative oder absolute. dann benutze folgendes ...
quelle
Sie können auch die positionsfeste CSS-Eigenschaft verwenden.
quelle
Hier ist ein richtig beschriebener Artikel und auch ein Beispiel mit Code. JS-Koordinaten
Gemäß Anforderung. unten ist Code, der zuletzt in diesem Artikel veröffentlicht wird. Sie müssen die Funktion getOffset aufrufen und das HTML-Element übergeben, das die oberen und linken Werte zurückgibt .
quelle
Ich habe das abgeschnitten und das 'px' hinzugefügt; Funktioniert sehr gut.
quelle