Oct 17, 2019

Swapping Text on Scroll

Swapping a sticky element on sections scroll.

Left side - Photos, or any other static element.

Right side - Swapping Text, Headline, Button or any other element.

You can clone this project and replace the text elements inside the 'swapping-div' with anything you want.

Try avoiding using "Transition: All". It is heavy on the browser's engine.

Cloneable

CMS

JavaScript

A 3d slider with video items, plays and pauses on click & slide change.

Cloneable

JavaScript

CMS

A clonable for creating an Alphabetical glossary

Code

Tricks

JavaScript

A (custom code) solution that combines CSS variables and Vanilla JavaScript for the shrinking / growing of browser top & bottom bars.