Javascript get html height

Her kan du få hjælp og stille spørgsmål til JavaScript!
Besvar
cristian
Moderator
Moderator
Indlæg: 882
Tilmeldt: 26. sep 2011, 21:31
Kontakt:

Javascript get html height

Indlæg af cristian » 28. okt 2013, 17:33

Jeg har slet ikke kikket på Javascript, men jeg har et problem som jeg håber det og i kan hjælpe mig med.

Hvordan kan man få højden for HTML dokumentet i pixels, minus det med 272 pixels og sige
for class elementet .backgroundThree skal height: <være højden på HTML dokumentet - 272 pixels>;?

Som skal virke cross platform.

:)

Tak på forhånd.

Brugeravatar
Daniel
Admin
Admin
Indlæg: 625
Tilmeldt: 14. jun 2011, 09:27
Geografisk sted: Danmark, Fyn, Nørre Aaby
Kontakt:

Re: Javascript get html height

Indlæg af Daniel » 28. okt 2013, 17:51

Jeg er desværre heller ikke så meget inde i JavaScript, men måske dette er noget du kan bruge: http://andylangton.co.uk/blog/developme ... javascript

Og så skulle du gerne "bare" kunne bruge - 272pixel hvis jeg ikke husker helt forkert. :)

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg: 1528
Tilmeldt: 28. dec 2010, 10:49

Re: Javascript get html height

Indlæg af ThomasI » 28. okt 2013, 19:34

Du kan bruge CSS3 calc() funktionen - men der er der så risiko for at det ikke er alle browsere der understøtter det:


height: calc(100% - 18px);

Browser kompatibilitet

Kode: Vælg alt

/* Firefox */
height: -moz-calc(100% - 18px);
/* WebKit */
height: -webkit-calc(100% - 18px);
/* Opera */
height: -o-calc(100% - 18px);
/* Standard */
height: calc(100% - 18px);
Du kunne evt. så kombinere dette med .height() fra jQuery:

http://api.jquery.com/height/

Besvar