basicScroll logo

basicScroll

Adjusts CSS variables based on scroll position to enable parallax scrolling on mobile and desktop.

Made by Tobias Reich

  • scroll-animation

  • scrolling

  • css-animation

  • parallax

  • CSS / Stylesheets

  • Animation

  • css3

  • css-variables

What is basicScroll?

The app offers a standalone parallax scrolling functionality that can be utilized across mobile and desktop platforms, leveraging the power of CSS variables. Through the use of the basicScroll library, users can dynamically adjust CSS variables based on the current scroll position, enabling them to animate various elements on the page. This approach is influenced by the design principles of the skrollr library and Reactive Animations with CSS Variables, providing a flexible and efficient way to create visually engaging experiences

Highlights

  • Parallax scrolling support for both mobile and desktop devices
  • Dynamic adjustment of CSS variables based on scroll position
  • Ability to animate elements on the page using the modified CSS variables
  • Inspired by the design principles of skrollr and Reactive Animations with CSS Variables

Platforms

  • Self-Hosted
  • CSS

Languages

  • English

Social

Features

    • Variables