Ich arbeite an einer Zielseite, bei der Inhalt von unten nach oben verschoben werden muss. Ähnlich wie https://www.google.com/adsense/start/benefits/benutzerdefinierte Einsicht Abschnitt. Irgendein jquery plugin oder snippet, das das ermöglicht?Wie mache ich einen vertikalen Schieberegler, der sich mit scroll ändert?
0
A
Antwort
1
Es ist nicht wirklich scrollen. Das Bild bleibt auf der Seite haften, so wie es absolut positioniert ist, bis die Textspalte es einholt. Dann geht es weiter. So ist es wie sein position: absolute;
von einer bestimmten Koordinate bis zur Endkoordinate und bekommt dann seinen Stil zurück.
Also, wenn Sie verwenden Javascript absolute Positionierung auf ein Bild anwenden, wenn Sie ein <div>
blättern und dann zu alt css zurückkehren, wenn Sie vorbei an den Blättern <div>
Sie den gewünschten Effekt bekommen. Es gibt viele Plugins, die das auch tun. Ich habe hier einen gefunden: https://github.com/davist11/jQuery-Stickem
Schau dir auch die Demo an, um zu sehen, was ich meine.
Dies könnte mit JQ scroll/scrollTop/offset für jedes Element und Animation durch Hinzufügen von Klasse zu dem Element bei Erreichen der spezifischen Offset erfolgen siehe diese Links https://designshack.net/articles/css/how-to- design-animierte-sliding-page-elements-mit-css/ https://css-tricks.com/slide-in-as-you-scroll-down-boxen/ und/oder Suche in Google durch diese Schlüsselwort (animierte Gleitelemente). –
Danke! Ich habe mit Wow.js gearbeitet –