jQuery Höhe Funktion funktioniert nicht

Question

Ich habe Probleme mit jQuery, wenn ich die Höhe eines div auf Fenster Höhe, mit dem Code bei JS Bin, funktioniert es funktioniert, aber wenn ich dann die Fensterhöhe durch manuelle Verringerung der Größe reduzieren von meinem Browser wird es abgehackt, die Extraportion des Div geht aus dem Bildschirm.

Ich richte es auf JS Bin Wenn Sie die Größe des Browserfensters ändern, werden Sie feststellen, dass die Listennummer 3 (usw.) nicht mehr angezeigt wird. Ich kann nicht meinen Kopf herum, warum es passiert, ich habe versucht, jQuery-Version zu ändern, ich habe Doppel dreifach überprüft den Code, ich kann nichts falsch mit ihm finden. Ich habe es auch neu geschrieben, immer noch nicht funktioniert. Ich suchte in einem anderen Forum, sie sagten mir, dass ich eine jQuery resize-Funktion hinzufügen sollte, und das bewies mir, dass sie nicht einmal meinen Code angeschaut hatten, weil ich diese Funktion bereits hatte, aber es ist wie die setHeight-Funktion auf Fenstergröße ausgeführt. Bitte beraten.

Answer 1

Eigentlich brauchen Sie keine Skripte zu erreichen, was Sie wollen. Heres nur CSS-Lösung - https://jsbin.com/xopamakiru/1/edit?html,css,js,output

Ihr navbar ist position: fixed es die body relativ positioniert ist, so dass Sie einfach height: 100% hinzufügen und es wird ganze Höhe des Ansichtsfensters nehmen. Sie müssen den untergeordneten Elementen dieselbe Höhe hinzufügen, damit sie 100% Höhe der Navigationsleiste haben. Sie haben 3 li Elemente (100%/3 = ~ 33,33%), also fügen Sie height: 33.33% hinzu, um sie gleich groß zu machen. Da wir Prozent verwenden, wird die Höhe des Elements automatisch angepasst, wenn das Fenster des Benutzers vergrößert wird.