Scroll-Position

[benbas39]

Hey,

ich bräuchte kurz eure Hilfe. Ich beginne gerade ein Page, jedoch scheitere ich gerade an einem Problem. Es sind mehrer gleichgroße Divs untereinander. Je nach Größe des Bildschirms sieht man unten mehr oder weniger das nächste Div. Wie kriege ich das hin, dass automatisch das Div immer genau auf Höhe des Bildschirms ist. Mir wurde der Tipp gegeben, dass mit dem zu machen: https://wiki.selfhtml.org/wiki/JavaScript/Objekte/window/pageYOffset , jedoch schaffe ich das nicht, kann mir jemand helfen?

http://bhalfarm.myhostpoint.ch/newpage/

- benbas39

 

[dertypdernixkan]

Ist wohl eher ein CSS-Problem. Statt mit PX solltest du % oder vh nutzen.

 

[mikdoe]

*verschoben aus Javascript*

 

[TecEye]

da kannst du locker mit calc machen entweder wenn es im parent sein soll und zb 20px margin zwischen den divs hast

height:calc((100% - (2 * 20px)) / 3);

oder wenn du die ganze fensterhöhe einbeziehen willst

height:calc((100vh - (2 * 20px)) / 3);

konnte nur raten wie dein layout mit margins und paddings ausgestattet ist, aber denke das sollte es sein
ohne margins natürlich ganz einfach

height:calc(100vh  / 3);

bei der Einheit vh ist allerdings zu beachten, dass ältere browser damit nicht umgehen können, da musst du dann ein fallback einbauen

 

[kkapsner]

... warum calc und vh bemühen, wenn man einfach 33.333% verwenden könnte?

 

[TecEye]

... warum calc und vh bemühen, wenn man einfach 33.333% verwenden könnte?

ist pflegeleichter finde ich

 

[kkapsner]

... aber

zu beachten, dass ältere browser damit nicht umgehen können

 

[TecEye]

ich nehm auf die seniorensurfer keine rücksicht mehr, wer mit nem verotteten polo unterwegs ist, muss sich nicht wundern irgendwann stehen zu bleiben

 

[TecEye]

um das hier nochmal offtopic zu ergänzen, sogar google hat jetzt sogar die Updates für XP & Vista-Rechner eingestellt.
Also wie man so schön sagt, wer nicht mit der Zeit geht, der geht mit der Zeit