Thema: Unterstützung mit Design (Hintergrundbild) - soll speziell scrollen

Hey du,

habs leider nur kurz überflogen. Wenn ich es richtig verstehe, sollte das:

Code:

background: #D7484E url('/media/file/bg.png') top no-repeat;
background-attachment: scroll;
background-size: cover;

dein Problem lösen

Parallax.js | Simple Parallax Scrolling Effect with jQuery

Ist glaube ich das was du suchst.

Um dir die Arbeit zu erleichtern, hast du schon versucht auf Frameworks wie Materialize oder Bootstrap auszuweichen ?

@Silbereisen: Sieht gut aus, leider ist es nicht ganz das, was ich brauche. Es sieht so aus, als ob es lediglich anpasst, ich brauche aber etwas, was "dynamisch" scrollt.

@x21: Ich teste das gleich aus.
Warum kein Bootstrap / fertiges Design: Ich nutze so etwas für sehr viele Projekte. Leider ist von der Schülerzeitung das Design mehr oder weniger vorgeschrieben, wir haben für unsere Zeitung bei jeder Ausgabe ein Facebook Design gewählt, welches sich auch auf der Homepage (eigentlich 1:1 ) wiederspiegeln sollte.

- - - - - - - - - - Beitrag nachträglich erweitert - - - - - - - - - -

das Parallax Scrolling ist eigl. genau das, was ich gesucht habe.

Nur noch ein kleines Problem:
Wie schaffe ich es, die data-speed dynamisch an die Länge meiner Seite anzupassen? Es ist zwar nicht schlimm, dass global zu setzen, es wäre aber cooler, wenn das auf jeder Seite individuell bestimmt wird.