Published on Jan 30, 2020

Floating Portfolio in Oxygen with Easy Posts & BasicScroll

David Browne

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 ($47/month or $499 one-time).

Already a member? Log in below or here.

tagschevron-leftchevron-rightchainangle-rightangle-upangle-downfolder-omagnifiercrossmenuchevron-downarrow-right