Hogy lehet az alábbiakat JavaScripttel kiírni?
Figyelt kérdés
Egy CSS animációval mozgó div koordinátáit (margin-left és margin-top (fölső és alsó margó (távolság a lap bal oldalától és a tetejétől))).2017. dec. 6. 19:29
1/5 anonim 



válasza:





querySelector a divre és div.style-on vannak rajta
2/5 anonim 



válasza:





Nem, nincs rajta. A CSS-ből állított stílusokat ott nem találod meg.
Ami neked kell, az a querySelectorral kiválasztott elemen a getBoundingClientRect(), ami a ténylegesen megjelenő elem pozícióit tartalmazza.
4/5 anonim 



válasza:





document.getElementById('divid').offsetWidth
document.getElementById('divid').offsetTop
majd kivonod belőle a margót, ha nem ez az eredmény kell. :)
5/5 CspCsj 



válasza:





Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!