Webseite mit mehreren Unterseiten soll auf voller Fläche angezeigt werden

[Furtano]

Hallo

wisst ihr wie ich das hinbekomme (siehe Anhang)?
Die Kategorien (z.B. Kontakt) der Webseiten sollen immer einzeln auf voller Fläche angezeigt werden. Wenn man dann runterscrollt soll wieder die volle Breite und Höhe benutzt werden.

Danke!

[MrMurphy]

Hallo

so eine Lösung ist für Webseiten nicht vorgesehen, da sie eher praxisfremd ist.

Im Moment fehlt noch das wichtigste einer Webseite - der Inhalt. Wie soll sich die Seite zum Beispiel bei kleinen Bildschirmen (Smartphones) verhalten, wenn der Inhalt zu groß für die aktuelle Fenstergröße ist?

Für die Fensterhöhe der Container kannst du dich mit der Einheit "vh" beschäftigen. In wie weit die in den unterschiedlichen Browsern bei übereinanderstehenden Containern funktioniert weiß ich aber nicht.

Für das sanfte scrollen wirst du zu JavaScript greifen müssen. Allerdings wird so ein Verhalten die Besucher eher nerven, da sie bei Webseiten ein durchgehendes Scrollen gewohnt sind.

Gruss

MrMurphy

[drsoong]

Ich empfehle jquery. Schau Dir hier die Methoden zum Lesen und Setzen von Höhen und Breiten an und fummele Dir das zusammen.

[rudygotya]

http://blog.gospodarets.com/css-scroll-snap/

[lottikarotti]

http://blog.gospodarets.com/css-scroll-snap/

Nur zur Info (falls relevant):

SCROLL SNAP IS NOT SUPPORTED IN THE CURRENT BROWSER.

QUERY SCROLLIFY PLUGIN IS USED INSTEAD OF IT