In this premium tutorial we'll look at how we can use basicScroll to control changes in CSS for dynamic content coming from Easy Posts or Repeaters to create floating elements while scrolling.

View Demo

This effect can work well on portfolio pages where small animations can help to highlight each portfolio item as the user scrolls past.

Note that in the demo we are using Easy Posts, which can easily be used to pull in data from a portfolio post type, but we could also use a Repeater.

Step 1: Creating the Easy Post Template

First we add an easy post component inside a section and set the query to pull what we need. Then we need to change the easy posts template by going to Easy Post > templates

Easy Posts Template PHP

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($37/month or $399 one-time).

Already a member? Log in below or here.

Need help implementing a tutorial in your site or want to hire me for custom work?

HIRE ME

Find the article helpful and wish to donate?

DONATE
magnifiercross
>
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
%d bloggers like this: