Diskuze: margin-top

JavaScript JavaScript margin-top

Avatar
alex
Člen
Avatar
alex:

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
Taskkill
Redaktor
Avatar
Odpovídá na alex
Taskkill:

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
Avatar
1Pupik1989
Člen
Avatar
Odpovídá na alex
1Pupik1989:
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.