Make your fixed headers appear when the user scrolls up with scroll position and direction using Trig.js

This page summarizes the projects mentioned and recommended in the original post on /r/javascript
Scroll

InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured

  • Trig.js

    The easy way to create CSS scroll animations that react to the position of your HTML element on screen. Animate on scroll (AOS) your CSS.

    • As of v1.9.1 Trig.js has become feature complete for the smallest size which can be downloaded here (https://github.com/iDev-Games/Trig-JS/releases/tag/v1.9.1). From v2 up, I'm looking to try and open up scrolling to use in CSS and caring about size more than features. v2.1.3 creates classes on the document body of "trig-scroll-up", "trig-scroll-down", "trig-scroll-top", "trig-scroll-bottom", "trig-scroll-25", "trig-scroll-50" and "trig-scroll-75" depending on position and last scroll direction. Allows you to trigger your CSS like the example link. Download the latest version from here: https://github.com/iDev-Games/Trig-JS

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Mastering Web Animation with JavaScript Libraries: A Comprehensive Guide

    5 projects | dev.to | 9 May 2024

  • Top 10 JavaScript Animation Libraries

    13 projects | dev.to | 9 May 2024

  • Creating Scroll Animations Using ScrollReveal

    1 project | dev.to | 28 Apr 2024

  • Alternative Mouse Driver for macOS

    1 project | news.ycombinator.com | 14 Mar 2024

  • Implement Smooth Scrolling & Parallax Effect in Next.js using Lenis and GSAP

    5 projects | dev.to | 6 Dec 2023