NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
Avatar
alex
Člen
Avatar
alex:26.12.2015 23:42

Nazdar mam html element centrovany na stred pomocou triku

.info {
    z-index: 0;
    width: 700px;
    height: 500px;
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
}

a snazim sa zistit aky ma margin top/left kodom

var el = document.querySelector('.info');
var style = window.getComputedStyle(el);

var top = style['margin-top'],
    left = style['margin-left'];

alert(
    "Top:" + top + '\n' +
    "Left:" + left
);

left mi normalne vyhodi kolko px , ale u topu je [Window Object] , ako ziskam presnu polohu od topu alebo ako fixnem aby mi to hadzalo cislo a nie pravdepodobone odkaz na Window.top ?

 
Odpovědět
26.12.2015 23:42
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na alex
Neaktivní uživatel:27.12.2015 4:42

Ahoj, jen neco zkusim ( uz je hodne pozde, jsem unavenej, tak jestli to nepujde nezlob se na me, ale zkusim to protoze ti tu nikdo nenapsal ) co kdybys pouzil offset ? Mas urcite nejakej materskej element ve kterym tenhle vysi... co takhle pouzit offsetTop ( odkaz na MDN https://developer.mozilla.org/…nt/offsetTop ) tohle value je vzdalenost k parent elementu... ano existuje i offsetLeft ... a dela obdobnou vec akorat s jinym rozmerem ...pokud te teda zajima skutecna vzdalenost muzes to pouzit, pokud te zajima fakt jen ten margin...tak promin, to ti asi nepomuzu ( ale nekdo treba jo )

Nahoru Odpovědět
27.12.2015 4:42
Neaktivní uživatelský účet
Avatar
1Pupik1989
Člen
Avatar
Odpovídá na alex
1Pupik1989:27.12.2015 19:18 
top

je rezervovaná proměnná. Zkus jí pojmenovat jinak.

 
Nahoru Odpovědět
27.12.2015 19:18
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.