Hallo Miteinander,

ich arbeite hier in meinen Projekt mit dem OnResize-Event. Klappt schon ganz gut.
Nur habe ich das Problem dass ich in den ausgelesenen Eigenschaften des Windows/Frames zwar eine Höhe und Breite bekomme, aber wenn ich die zu 100% nutze, bekomme ich diese Scrollbars, die ich eigentlich vermeiden möchte.

Jetzt meine Frage:

Ist es irgendwie möglich den "reservierten Platz" für die Scrollbars unten und rechts auszulesen (abhängig von der Bildschirmauflösung)? Ich bräuchte die Höhe (Scrollbar unten) und Breite (Scrollbar rechts) in Pixels.

Hier mein erster Versuch der Resize-Funktion (momentan nur Height-Resize):

Code :

1 2 3 4 5 6 7 8 9

<script> function resize(objid) {       var ID  = document.getElementById(objid);     var doc = document.documentElement.clientHeight != 0 ? document.documentElement : document.body;       ID.style.height = (doc.clientHeight - ID.offsetTop)+"px"; //<-- hier müsste noch die Höhe der unteren Scrollbar abgezogen werden } </script>

Hoffe hier hat jemand den entscheidenden Tipp parat.

Evtl sowas wie das hier
oder als jQuery alternative ?

Gruß

Warum nicht die Scrollbars immer anzeigen, halt deaktivert oder aktivert?
So wird das kurzzeitige Verrutschen des Windowinhalts z. b. bei mittig gesetzten Inhalten vermieden, wenn der Scrollbar dazukommt.
Wenn der Inhalt über die Bildschirmgröße hinausgeht, sind sie aktiv, ansonsten sichtbar aber nicht aktiv, aber es rutscht nichts mehr hin und her.

Wenn der senktrechte Scrollbar z. B. immer sichtbar sein soll:

html {
overflow-y: scroll;
}