74 Repositories
JavaScript scroll-position Libraries
A project aimed at consuming the Where is ISS? api to track the current position of International Space Station.
ISS Tracker This project aims to create a website which tracks the live position of the Internation Space Station using this API. Issues: Call the api
H1-H5 headers stick on content scroll
"Sticky Headers" plugin for Logseq h1-h5 headers blocks (which have child blocks) on the page will "stick" to the top when the page scrolls, helping y
Simple scrollspy without jQuery, no dependencies
Simple Scrollspy Simple scrollspy is a lightweight javascript library without jQuery, no dependencies. It is used to make scrollspy effect for your me
Customizable masonry Flatlist. it just behave like Flatlist but using ScrollView behind the scene
Would you like to support me? react-native-masonry-grid Customizable masonry Flatlist. it just behave like Flatlist but using ScrollView behind the sc
jQuery plugin for horizontally scrolling galleries
jQuery Horiztonal Scroll Gallery This jQuery plugin slides through a horiztonal gallery of items as you scroll down. It makes use of position:sticky s
A Chess learning tool where you have to find a top-engine move in a random position.
Just A Chess Move A Chess learning tool where you have to find a top-5 move in a random position. There aren't necessarily any tactics, you have to ju
Canvas-based JavaScript UI element implementing touch, keyboard, mouse and scroll wheel support.
pure-knob Initially a (circular) knob / dial control with mouse, wheel, touch and keyboard support, implemented in pure JavaScript. In addition, this
Toaster is a Pure Javascript plugin for displaying toast notifications. It comes with different options e.g custom text or HTML message, duration, custom class, toggle close button, position, custom close icon and backgorund color.
Pure Javascript Toaster Requires Nothing Demo Toaster is a Pure Javascript plugin for displaying toast notifications. It comes with different options
a Vanilla JS Smooth Scroll to ⚓ script
Smooth Scroll Library ScrollToSmooth Support for older versions: If you need documentation for versions prior 3.0.0 visit this page Lightweight Vanill
A jQuery plugin allowing you to scroll an image within a container element
jQuery Scroll Image Inside v0.1 A jQuery plugin allowing you to scroll an image within a container element Usage div id="window" img src="reall
Lightweight and easy to use vanilla js library to add css animations to elements on scroll.
Scrollrisen Trigger css animations on scroll as elements enter the viewport. Zero dependencies, lightweight and easy to use and customize Installation
Customizable plugin, smooth scroll up button, on native JavaScript
up-button Customizable plugin, smooth scroll up button, on native JavaScript Description Up button initialization, call up() function, in your js file
A fullscreen scroll-based slideshow with a content view powered by GreenSock's Observer plugin.
Fullscreen Scrolling Slideshow A fullscreen scroll-based slideshow with a content view powered by GreenSock's Observer plugin. Article on Codrops Demo
A lightweight JavaScript utility to fade elements in and out of view on page scroll.
ScrollFade ScrollFade is used to fade elements in and out of view while scrolling through a page. Tag any elements you want to fade with the class scr
A tiny JavaScript library to enable CSS animations when user scrolls.
A tiny JavaScript library to enable CSS animations when user scrolls. This library allows you to toggle one or more classes on an element when it appe
A small jQuery plugin for rendering scroll-based HTML animations
Storyline Build beautiful landing pages that change as the user scrolls up or down. Project created in 2013 and ported to GitHub in 2021. Demo Just vi
A simple jQuery extension to make any HTML element sticky on scroll.
jquery.sticky.js A simple jQuery extension to make any HTML element sticky on scroll. Installation Just download the script and include it in your HTM
infiniteScrollWithTemplate - JQuery plugin for ajax-enabled infinite page scroll / auto paging with template
jQuery Infinite With Template Plugin JQuery plugin for ajax-enabled infinite page scroll with template. If you like jQuery until now, this little libr
A lightweight scrollbar library written in vanilla javascript.
A lightweight, dependency-free scrollbar library written in vanilla javascript. Fully customisable via CSS Native scrolling behaviour preserved Vertic
Javascript library for switching fixed elements on scroll through sections. Like Midnight.js, but without jQuery
Library for Switching Fixed Elements on Scroll Sometimes designers create complex logic and fix parts of the interface. Also they colour page sections
A javascript library to animate elements on scroll page events
ScrollJS by Sam Sirianni ScrollJS is a library written in Javascript. With ScrollJS you can animate elements on scroll events. Visit the ScrollJS webs
A lightweight jQuery custom scrollbar plugin, that triggers event when reached the defined point.
Scrollbox A lightweight jQuery custom scrollbar plugin, that triggers event when reached the defined point. Demo Page Table of contents Browser compat
Simple scroll based text reveal animation library.
Simple scroll based text reveal animation library. ⛰️ DEMO Getting Started Using packge manager NPM Install textify using npm: npm install textify.js
Create scroll-based animation without JavaScript
Trigger JS Create scroll-based animation without JavaScript. Sometimes we want to update the CSS style of an HTML element based on the scroll position
Smooth scroll animation - vanilla JavaScript
Smooth Scroll Animation Using Vanilla JavaScript Provides smooth scroll functionality on clicking buttons with different eeasing properties. The "smoo
👇 Bread n butter utility for component-tied mouse/touch gestures in Solid.
solid-gesture solid-gesture is a port of @use-gesture/react which lets you bind richer mouse and touch events to any component or view. With the data
Waypoints is a library that makes it easy to execute a function whenever you scroll to an element.
Waypoints Waypoints is a library that makes it easy to execute a function whenever you scroll to an element. var waypoint = new Waypoint({ element:
An infinite scrolling plugin for jQuery.
jScroll - jQuery Plugin for Infinite Scrolling / Auto-Paging Official site at jscroll.com. Copyright © Philip Klauzinski Dual licensed under the MIT a
Automatically make same-page links scroll smoothly
Smooth Scroll Plugin Allows for easy implementation of smooth scrolling for same-page links. Note: Version 2.0+ of this plugin requires jQuery version
Reveal CSS animation as you scroll down a page
WOW.js Reveal CSS animation as you scroll down a page. By default, you can use it to trigger animate.css animations. But you can easily change the set
A Simple jQuery Plugin for Animating Scroll
AnimateScroll A Simple jQuery Plugin for Animating the Scroll Demo can be seen at http://plugins.compzets.com/animatescroll What is it exactly? Animat
Animate elements as they scroll into view.
Animate elements as they scroll into view. Introduction ScrollReveal is a JavaScript library for easily animating elements as they enter/leave the vie
CSS3 list scroll effects
stroll.js – because it scrolls, and trolls. A collection of CSS list scroll effects. Works in browsers with support for CSS 3D transforms including a
👇 Bread n butter utility for component-tied mouse/touch gestures in Svelte.
svelte-gesture svelte-gesture is a library that lets you bind richer mouse and touch events to any component or view. With the data you receive, it be
🚀 Scroll Follow Tab is a lightweight javascript library without jQuery, no dependencies.
Scroll Follow Tab is a lightweight javascript library without jQuery, no dependencies. It is used to make scrollspy effect for your menu, table of contents, etc. Only 21.7Kb.
Automatically scrolls the element when the cursor approaches the boundaries.
react-tiny-autoscroll Automatically scrolls the element when the cursor approaches the boundaries. Demo Mostly helpful when used in combination with d
Todo application is a web app that helps to organise your daily activities. It lists all the activities that you need to be completed and allows you to mark them as complete or not. Tasks can also be dragged and dropped in any position. It's a minimalistic website built using JavaScript ES6, Webpack and CSS
Todo Application Todo application is a web app that helps to organise your daily activities. It lists all the activities that you need to be completed
Scroll made easy!
Demo - Installation - Methods - Callbacks - Styling ◼️ Features: 🔧 Native Scroll Behavior 🛠 Standardized events / shortcuts / API 🌠 Fast & Lightwei
Conveyer adds Drag gestures to your Native Scroll.
Conveyer Demo / Documentation / Other components Conveyer adds Drag gestures to your Native Scroll. 📱 💻 🖥 ✨ Features You can use Native Scroll-like
An experimental hover effect, where a content preview is shown while a mini map indicates the position of the cursor.
Hover Preview Effect with Mini Map An experimental hover effect, where a content preview is shown while a mini map indicates the position of the curso
This plugin can generate timestamps for video, audio and Bilibili video, it takes you to the corresponding video/audio position when clicked.
logseq-plugin-media-ts 本插件能够生成视频、音频以及 B 站视频的时间戳，点击时间戳后会跳转到对应的音视频位置。 This plugin can generate timestamps for video, audio and Bilibili video, it takes
Utility to track the boundaries of html-elements in SolidJS
solid-boundaries Helps you to track the size and position of html-elements in solid-js. What does it do? See it in action here, or see it on CodeSandb
This package will generate n numbers of thumbnails at different position in a given video file.
About Generate n numbers of Image thumbnails of a video file. !Live Demo code sandbox example video-thumbnail-generate.mp4 This package can be used wi
Concircle scanner mobile app is application That helps you scan your order and position and to know if there are exact or not. it's cross-platform app.
Concircle scanner mobile app ⭐ Star on GitHub — it motivates Me a lot! Concircle scanner mobile app is application That helps you scan your order and
A simple pokedéx build with Nextjs and PokéAPI
Pokédex A simple pokedéx build with Nextjs and PokéAPI View Demo · Report Bug · Request Feature Table of Content About The Project Built With Getting
Windowatch - a singleton class managing scroll-, resize- and breakpoint-change events globally
Windowatch is a singleton class managing scroll-, resize- and breakpoint-change events globally. It uses passive resize & scroll event listeners and requestAnimationFrame to optimize dom interactions (get, update). It removes unnecessary window event listeners automatically, if no listeners are attached.
A lightweight (1.7 kB) package to easily track mouse position in React.js
useMousePosition - a custom React hook A lightweight (1.7 kB) package to easily track mouse position in React.js Install npm install react-use-mouse-p
Better scroll event management using requestAnimationFrame.
Scroll Frame Better scroll event management using requestAnimationFrame. Install npm install @jamestomasino/scroll-frame Use const { addScrollListener
This script produce the video scroll effect that we can find on the Apple Website's
Scrollable Sequence Description This script produce the video scroll effect that we can find on the Apple Website's. This script is inspired from the
Smart Auto Move learns the size and position of your application windows and restores them to the correct place on subsequent launches. Supports GNOME Wayland.
smart-auto-move smart-auto-move is a Gnome Shell extension which keeps track of all application windows and restores them to the previous position, si
▲ NEXT.JS - Example project using Next.js with Locomotive Scroll. (experimental)
nextjs-with-locomotive-scroll-example 🔺 NEXT.JS - Example project using Next.js with Locomotive Scroll. (experimental) 🚀 Demo 🚀 Getting started The
Lightweight, Material Design inspired go to top button. No dependencies. Pure Angular!
Angular ScrollTop Button Lightweight, Material Design inspired button for scroll-to-top of the page. No dependencies. Pure Angular! ✓ Angular 13, Ivy
Animate on scroll library
❗ ❗ ❗ This is README for aos@next ❗ ❗ ❗ For last stable release (v2) go here 🚀 Demo 🌟 Codepen Examples Different built-in animations With anchor set
Simple & lightweight (4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll.
lax.js Simple & lightweight (4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll. DEMO What's new w
Animate elements as they scroll into view.
Animate elements as they scroll into view. Introduction ScrollReveal is a JavaScript library for easily animating elements as they enter/leave the vie
🚀 Performance focused, lightweight scroll animation library 🚀
Sal Performance focused, lightweight (less than 2.8 kb) scroll animation library, written in vanilla JavaScript. No dependencies! Sal (Scroll Animatio
Scroll-stash - A JavaScript plugin to help preserve an element's scroll position.
scroll-stash A JavaScript plugin to help preserve an element's scroll position. CodePen Example Installation npm install scroll-stash JavaScript Impo
Largetable - jQuery plugin to scroll in/maximize large tables
largetable jQuery plugin to scroll in/maximize large tables Usage Install with npm: $ npm install largetable Then include largetable files in the HTM
Ngx-scrollbar-indicator - This will show an indicator with scrollbar
ngx-scrollbar-indicator Consider a scenario, where you have 100s of items, sorted alphabetically. Now, when user scrolls through the same, user doesn'
Vue-cobra - 🐍 Reading position indicator for Vuejs
vue-cobra A Vuejs component that indicates the position of the scroll as the user reads the page. Install npm npm install vue-cobra --save yarn yarn
Slickscroll - A Lightweight JavaScript library for quick and painless momentum & parallax scrolling effects.
Slickscroll is a JavaScript library that makes momentum & parallax scrolling quick and painless View Demo: slickscroll.musabhassan.com Momentum Scroll
Бесконечный блог с фразами на латыни
Infiniti-Scroll-Lorem-Blog-site Бесконечный блог с фразами на латыни Portfolio: https://vladimirsaenko.github.io/Portfolio-3/sites/site-48/Infiniti-Sc
Link your position on a mcbe server to a discord voice. The sound changes according to the distance to the nearest players.
DiscordLink Link your position on a mcbe server to a discord voice. The sound changes according to the distance to the nearest players. Credits - No I
This map is tracking the position of ISS(international space setallite) at every 1 second. I use Nasa's "where the iss" API and "Leaflet.js" for the map.
ISS-tracking-map About This map is tracking the position of ISS(international space setallite) at every 1 second. I use Nasa's "where the iss" API and
Smooth WebGL Shader Transformations on Scroll
Rock the Stage with a Smooth WebGL Shader Transformation on Scroll A handy setup to create a smooth scroll based GLSL animation using Three.js and GSA
Dragscroll is a micro library for drag-n-drop scrolling style
Dragscroll is a micro JavaScript library (910 bytes minified) which enables scrolling via holding the mouse button ("drag and drop" or "click and hold" style, online demo). It has no dependencies and is written in vanilla JavaScript (which means it works anywhere).
Create a beautiful 3D tilted effect on scroll with jQuery Tilted Page Scroll plugin
#Tilted Page Scroll by Pete R. Create a beautilful 3D tilted scrolling effect for your website with jQuery Tilted Page Scroll. Created by Pete R., Fou
A decorative website background effect where SVG shapes morph and transform on scroll.
Morphing Background Shapes A decorative website background effect where SVG shapes morph and transform on scroll. Article on Codrops Demo This demo is
Fixed thead. Doesn't need any custom css/html. Does what position:sticky can't
jquery.floatThead Documentation & Examples: http://mkoryak.github.io/floatThead/ Float the table header on scroll. No changes to your HTML/CSS are req
Simple and tiny JavaScript library that adds parallax animations on any images
simpleParallax.js simpleParallax.js is a very simple and tiny Vanilla JS library that adds parallax animations on any images. Where it may be laboriou
Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin
#One Page Scroll 1.3.1 by Pete R. Create an Apple-like one page scroll website (iPhone 5S website) with One Page Scroll plugin Created by Pete R., Fou
A simple and fast API to monitor elements as you scroll
scrollMonitor The scroll monitor allows you to receive events when elements enter or exit a viewport. It does this using watcher objects, which watch
An infinite scroll plugin for Vue.js.
Intro An infinite scroll plugin for Vue.js, to help you implement an infinite scroll list more easily. Features Mobile friendly Internal spinners 2-di
Animation library that mimics CSS keyframes when scrolling.
Why Motus ? Motus allows developers to create beatuful animations that simulate css keyframes and are applied when the user scrolls. Features Node & B