Implementieren Sie vertikales Scrollen innerhalb einer Seite, das auf einen bestimmten Abschnitt abzielt, ohne die gesamte Seite zu verschieben

Question

Ich habe diesen Effekt auf einigen Seiten gesehen: Sie scrollen nach unten, aber die Seite selbst scheint bewegungslos zu sein. Daher werden einige Elemente ein- oder ausgeblendet, erscheinen oder verschwinden. Ich habe einen Abschnitt mit 5 Karten. Jetzt möchte ich den gleichen Effekt erzeugen. Wenn ich nach unten zum Abschnitt scrolle, möchte ich durch Scrollen nach oben und unten durch den Abschnitt navigieren. Je nachdem, wo ich mich gerade befinde, möchte ich, dass eine Karte angezeigt oder ausgeblendet wird.

Ich begann mit dem Hinzufügen von overflow:scroll zu diesem Abschnitt, aber dann gingen mir die Ideen aus, um diesen Effekt zu erzielen.

Answer 1

使用background-attachment:fixed;来设置特定部分的背景固定。