Simple GSAP Scroll for Wordpress post template - already assigned...

[Konsulenten]

This is assigned now....


I´m building a post template for long-read articles in Wordpress. We're using ACF Custom fields and add sections that should be fixed in viewport while the enclosing elements move up on scroll. 

 

See example design files, from 01 to 05, illustrating the desired scroll positions. 

For inspiration: https://www.dn.no/staticprojects/annonsorinnhold/ledestjerner/nmbu/ostetopp/ 

 

This is the start of the actual page: https://mennihelse.no/om-menn-i-helse/disse-gutta-kan-velge-og-vrake/

See also attach a sample of the current HTML-output from the loop. All the php-partials can be changed to facilitate any needed re-ordering of elements. We are using Foundation as scss framework, but we do not need to use those classes/tags in this post template.

 

We thought it could be best to add the images in square proportions, so they will work ok both on screen and mobile. 

 

The GSAP Libraries are Enqueued correctly in the project and we can add needed scss to the project as needed.

 

I need to get the following code from the freelancer:

- a HTML-structure for the desired animation

- the needed SCSS for the elements

- the custom JS for the scroll animation

 

It is ok to build it in a codepen. From there I should be able to integrate into the project.

 

I am a little pressed on time, basically getting close to my deadline now...

 

 

Kind regards,
Reidar

 

partial.html

Edited December 4, 2024 by Konsulenten
Task is assigned

[Anivox studios]

@Konsulenten
Hey, this is Sarthak from Anivox Studios. I would love to help you with the project that you are building
U can contact me via
email: [email protected]
so that we can discuss this in more detail and complete it on time
THANKS,

[Konsulenten]

Hi Sarthak

 

Thanks for you interest in the project.

Right now I am making some tests to see if I have "cracked the code" after all. 

 

But I have made a note of your interest in such projects and might contact you later about this or similar projects 

Thanks again, 

Reidar

[Fantasy]

Hi, Konsulenten.

As I have rich experience with Wordpress and GSAP, I can help you.

Let's contact by email. 

[email protected]

 

Thank you.