This tutorial covers how to create a sticky timeline in Oxygen for your WordPress website. It's also a great tutorial to show how to get an element to follow you as you scroll down the page.
We'll begin by creating several classes that we'll use to make designing and updating our timeline quick and effective. During this process, we'll use a variety of CSS properties, such as pseudo-classes, gap, and z-index to customize these classes.
We'll also create our sticky timeline element. This is the element that will scroll down with us as we view the timeline.
Once this is all set, we'll use Oxygen's Animate on Scroll library to add animations to our timeline elements.
Finally, we'll finish by ensuring our timeline is responsive and ready for mobile users.
Video Table of Contents:
Resources:
