wie Parallax Scrolling zu implementieren?

8

Dies ist Link als Referenz für Ссылка
In dieser Site werden sowohl Center als auch Right Section auf einmal gescrollt, wenn wir im Abschnitt "Center" blättern ...
Ich mache es gleich mit diesem Code: -

Dies ist HTML-Code: -

%Vor%

Skript: -

%Vor%

css: -

%Vor%

aber ich habe ein kleines Problem.
oben scrollen beide gleichzeitig, aber die rechte Seite scrollt langsam, wie es funktioniert ....?
Bitte hilf mir ...

    
fyodorananiev 22.02.2013, 09:58
quelle

2 Antworten

0

Ссылка

Bitte sehen Sie sich diese Lösung an. Obwohl nicht sehr universell, kann es Ihnen einen guten Start geben. Die Geschwindigkeit der rechten div wird automatisch angepasst, wenn Sie ihre Höhe im CSS-Teil der Geige ändern.

Es sollte angemerkt werden, dass 2D-Parallaxen-bezogene Probleme wie diese Grundkenntnisse in Mathematik erfordern. Das obige Beispiel verwendet dieses Modell:

  • Ermitteln Sie den Bildlauf der Seite, damit wir wissen, wie viel% div gescrollt wurde.
  • Verwenden Sie das Wissen über Höhe der Seite, Fensterhöhe und Höhe des linken div , um relativen Bildlauf zu berechnen. Das heißt, der Wert von 0 bis 1 zeigt an, ob die Seite überhaupt nicht gescrollt, um einen bestimmten Betrag gescrollt wurde oder bis zum Ende gescrollt wurde.
  • Ordnen Sie die relave scroll den Dimensionen slow layer in Bezug auf die Fenstergröße zu, um genaues Scrollen für slow layer zu bestimmen.
fyodorananiev 23.02.2013, 10:13
quelle
0

Sie müssen das Scroll-Verhalten eines dieser divs (in js) überschreiben und es z. 0,5 der anderen. Schau mal hier: Ссылка

    
Vloxxity 22.02.2013 10:39
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Wie erhöht man die Zellenhöhe der GWT-Cable-Tabelle: Problem mit IE?