Masonry Grid kontinuierliche Schleife Scroll

9

Ich versuche also, einen kontinuierlichen Schleifeffekt auf einer Seite zu erzielen, die ein Mauergitter enthält.

Grundsätzlich habe ich ein ganzseitiges Mauergitter, das ich nach oben oder unten scrollen möchte.

Momentan habe ich das:

%Vor%

Sie können sehen, was ich derzeit hier zusammengestellt habe:

Ссылка

Ich denke, ich bin nah dran. Ich denke, der schwierigste Teil ist, dass die Mauerwerk oben beginnt und alle Gegenstände bündig mit dem oberen Rand des Bildschirms sind, und natürlich ist das nicht einmal unten.

Ich bin neugierig, ob es eine Möglichkeit gibt, dies zu tun, wo die Mauerwerke von der Mitte aus beginnen und Gitterelemente auf und ab legen? Ich weiß, dass sie eine "originTop" Option haben, die vielleicht funktionieren könnte, indem sie zwei Mauergitter kombiniert?

Wenn das, was ich versuche zu erreichen, verwirrend ist, bitte lass es mich wissen und ich kann versuchen es besser zu erklären.

Ich begann mit einem Teil des Loop-Codes von hier: Continuous Looping Page (Nicht unendlich Scrollen)

    
Corey 04.05.2016, 20:03
quelle

2 Antworten

3

Sie haben die gute Formel nicht verwendet, um das Scrollen zu berechnen. Weitere Informationen finden Sie hier .

Siehe hier für den funktionierenden Codepen.

Hier ist der zugehörige modifizierte Code. Beachten Sie die -1 oder 1 in der scroll-Anweisung, die eine Endlosschleife verhindern:

%Vor%     
Richard 13.05.2016 04:39
quelle
1

Versuchen Sie es

%Vor%     
hemnath mouli 17.05.2016 00:38
quelle