molily: Parallaxeneffekt

Beitrag lesen

Hi!

Das ist ein sogenannter Parallaxeneffekt bzw. Parallax-Scrolling und lässt sich mit JavaScript umsetzen, das während dem Scrollen (scroll-Event) die Position des Hintergrundbildes verschiebt (background-position bzw. Transformationen). Die Verschiebung ist dabei um einen gewissen Faktor kleiner als der gescrollte Weg, damit der Effekt entsteht.

Das kann man selbst programmieren, aber üblicherweise nimmt man fertige Bibliotheken bzw. jQuery-Plugins dafür. Z.B.

http://markdalgleish.com/projects/stellar.js/
http://prinzhorn.github.io/skrollr/

Mathias

0 48

"Mitsliden" des Background- Images

Hannes Weninger
  • css
  1. 0
    Matthias Apsel
    1. 0
      Hannes Weninger
      1. 0
        Steel
        1. 0
          Hannes Weninger
        2. 0

          Wie kann man das Wiki intuitiver machen?

          Matthias Apsel
          • selfhtml-wiki
          1. 0
            Steel
            1. 0
              Performer
              1. 0
                Auge
                1. 0
                  Matthias Apsel
                  1. 0
                    M.
                    1. 0
                      Performer
                  2. 0
                    Performer
                    1. 0
                      Matthias Apsel
                      1. 0
                        Performer
                        1. 0
                          Matthias Apsel
                  3. 0
                    Auge
                    1. 0
                      Matthias Apsel
                      1. 0
                        Auge
      2. 0
        Gunnar Bittersmann
        1. 0
          Steel
          1. 0
            Tabellenkalk
            • zu diesem forum
            1. 0
              Matthias Apsel
              1. 0
                Auge
                1. 0
                  Matthias Apsel
                  1. 0
                    Auge
        2. 0

          Vorsicht, Lebensgefahr!

          MudGuard
          • menschelei
      3. 0
        Matthias Apsel
      4. 1

        Wiki-Hinweis

        Performer
        • zu diesem forum
        1. 0
          Matthias Apsel
          1. 0
            Performer
        2. 0
          Matthias Apsel
          1. 0
            Performer
            1. 0
              Matthias Apsel
  2. 1
    Doktor Knallcharge
  3. 0

    Parallaxeneffekt

    molily
    • javascript
    1. 1
      Schuer
      1. 0
        MudGuard
        1. 0
          Gunnar Bittersmann
          1. 0
            Siri
            1. 0
              Gunnar Bittersmann
              1. 0
                Siri
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Siri
          2. 0
            MudGuard
            1. 0
              Gunnar Bittersmann
              1. 0
                MudGuard
  4. 0
    Hannes Weninger