Mit jQuery einen responsive Sidescroller erstellen?

[Niksda]

Hallo Zusammen,
ich bin gerade mal wieder an einem Websiteprojekt welches ihr hier: finden könnt.
Um mal was neues zu probieren habe ich mir in den Kopf gesetzt ein One-Page-Layout zu erstellen welches nicht vertikal sondern horizontal scrollbar sein soll. Header und Footer sollen statisch bleiben, also nur der Content scrollbar sein:

Von einer vorgefertigten Lösung will ich lieber absehen, da diese mMn. meistens mehr Funktionen als gebraucht haben und mehr Arbeit beim Anpassen machen als eine eigene Lösung zu finden.

Könnt Ihr mir hier einige jquery-Ansätze nennen, generelle Tipps oder auch lesenswerte Links geben um meinem Problem auf eine sinnvolle Art zu begegnen? Wie kann man den Hintergrund mitscrollen lassen?

Freue mich auf eure Antworten,
~Niksda

 

[malf_21]

salut niksda

kurze suche ergibt bei mir folgendes:
http://jquery-plugins.net/jinvertscroll-jquery-horizontal-parallax-plugin
ist zwar eine fertige lösung aber bestimmt ausbaufähig mit menu und so weiter.
herzliche grüsse aus der schweiz
malf_21

 

[Niksda]

Hallo Malf,
danke für deinen Beitrag, das habe ich schon ausprobiert und es geht leider nur mit festen breiten (px) nicht responsiv(% / vw).

Freue mich über weitere Anregungen

 

[RockyRick]

Wie wäre es denn wenn du einfach eine extrem breite Seite machst und dann beim Scrollevent immer zum nächsten 'Bildschirm' Springen lässt? Packst du die verschiedenen Screens in 100% width boxen passen sich diese auch an (responsive).

Oder hast du bereits eine Lösung gfunden? Würde mich interessieren