He’y guys How can I make it, That When you scroll, only the text changes, for example Hair styling just got an upgrade. So the website does not move further down but only the text changes from top to bottom. If you then scroll, the text already appears above the actual text, and if you then scroll even further, the text changes completely (you can also use several texters, but then they have to move faster).
Thank you in advance !
Topic summary
-
Goal: Achieve a scroll interaction where the page does not advance; only the headline text changes progressively (new text appears above current, then fully replaces it). Multiple text variants may need to move faster as scrolling continues.
-
Platform: Shopify theme context, with screenshots attached that appear central to illustrating the desired effect.
-
Proposed approach: Use CSS together with JavaScript/jQuery to control text changes on scroll. jQuery is a JavaScript library that simplifies DOM manipulation and event handling.
-
Missing details: No code samples, specific techniques, or step-by-step guidance were provided. Key implementation aspects (e.g., fixed positioning, scroll interception, animation timing) remain unspecified.
-
Outcome: No resolution yet. The thread is open and awaits a concrete implementation or example-based solution.
Hi,
Using CSS and Add JavaScript/jQuery Code will help