-
21.11.2014, 00:08 #1
$(window).height() liefert zu hohe Größe?
Flo hier,
ich arbeite gerade an einer kleinen Seite und versuche DIVs per Javascript die volle Höhe des Browserfensters zu geben:
var W = $(window).width(), H = $(window).height(); var _nH = "-" + H + "px";
$( document ).ready(function() {
fs_size();
function fs_size() {
$('.left-column').css({ "height": H });
$('.right-column').css({ "height": H });
$('.section').css({ "min-height": H });
}
$(window).bind('resize', function() { fs_size(); });
});
Mein Problem nun: Die DIVs bekommen ca. 30px zuviel an Höhe.
Ich hab hier mal ein Beispiel-Fiddle gebaut: fs error - JSFiddle
Auch wenn das animieren nicht ganz funktioniert, wenn ihr den rechten Teil ganz langsam scrollt, seht ihr, dass noch 30px extra kommen bevor der grüne DIV anfängt.
Weiß jemand warum, oder wie man das ganze behebt?
Danke.
Flo,
-
The Following 2 Users Say Thank You to Flo For This Useful Post:
-
03.12.2014, 16:27 #2
- Registriert seit
- 31.12.2012
- Beiträge
- 117
Thanked 237 Times in 71 PostsAW: $(window).height() liefert zu hohe Größe?
Du musst bei der Höhe der Container noch das Padding abziehen welches du bei ".section" zuweist, dann sollte die höhe stimmen
$('.section').css({ "min-height": H - $('.section').css('padding-top') });
Geändert von SeBi (03.12.2014 um 16:30 Uhr)
-
Ähnliche Themen
-
eBesucher.de hohe Prozessorauslastung?
Von Max899 im Forum WindowsAntworten: 4Letzter Beitrag: 13.05.2013, 10:58 -
[CSS] Auto height
Von exception im Forum CSSAntworten: 8Letzter Beitrag: 03.10.2012, 09:04 -
Hohe Haftstrafen für brutales Trio
Von Mickeyy im Forum RealLife NewsAntworten: 1Letzter Beitrag: 10.04.2012, 17:30 -
Teamspeak 3 32bit hohe cpu auslastung
Von Ruffy im Forum SoftwareAntworten: 3Letzter Beitrag: 05.03.2012, 14:03
Diese Seite nutzt Cookies, um das Nutzererlebnis zu verbessern. Klicken Sie hier, um das Cookie-Tracking zu deaktivieren.