GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → flouthoc → scrollpup.js

flouthoc / scrollpup.js

Licence: MIT license
Minimal beautiful bar to show scroll progress. Pure Javascript Plugin.MIT

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

scrollscrollbarscrollprogressarticle-progress

Projects that are alternatives of or similar to scrollpup.js

Vuebar
(🗃️ Archived) Vue 2 directive for custom scrollbar that uses native scroll behavior. Lightweight, performant, customizable and without dependencies. Used successfully in production on https://ggather.com
Stars: ✭ 650 (+683.13%)
Mutual labels:  scroll, scrollbar
Ngx Scrollbar
Custom overlay-scrollbars with native scrolling mechanism
Stars: ✭ 355 (+327.71%)
Mutual labels:  scroll, scrollbar
React Scrollbars Custom
The best React custom scrollbars component
Stars: ✭ 576 (+593.98%)
Mutual labels:  scroll, scrollbar
Vue Gemini Scrollbar
Custom overlay-scrollbars with native scrolling mechanism for web applications基于原生滚动机制的自定义滚动条
Stars: ✭ 99 (+19.28%)
Mutual labels:  scroll, scrollbar
Scrollprogress
🛸 Light weight library to observe the viewport scroll position
Stars: ✭ 148 (+78.31%)
Mutual labels:  scroll, scrollbar
React Scroll Shadow
Pure CSS shadow to indicate more content in scrollable area
Stars: ✭ 229 (+175.9%)
Mutual labels:  scroll, scrollbar
V Bar
The virtual responsive crossbrowser scrollbar component for VueJS 2x
Stars: ✭ 216 (+160.24%)
Mutual labels:  scroll, scrollbar
react-is-scrolling
Simply detect if users are scrolling in your components in a declarative API
Stars: ✭ 17 (-79.52%)
Mutual labels:  scroll, scrollbar
vue-scroll-snap
A super simple Vue component that allows fullscreen and horizontal scroll snapping.
Stars: ✭ 25 (-69.88%)
Mutual labels:  scroll
scrolly.js
Scrolly: fast vanilla JS scrollbar plugin with React.js Component & jQuery/Zepto/jBone plugin.
Stars: ✭ 18 (-78.31%)
Mutual labels:  scrollbar
vue-scrollwatch
scrollspy
Stars: ✭ 59 (-28.92%)
Mutual labels:  scroll
react-scroll-trigger
📜 React component that monitors scroll events to trigger callbacks when it enters, exits and progresses through the viewport. All callback include the progress and velocity of the scrolling, in the event you want to manipulate stuff based on those values.
Stars: ✭ 126 (+51.81%)
Mutual labels:  scroll
vue-scroll-lock
一个 VUE 组件：子元素 scroll 父元素容器不跟随滚动（兼容PC、移动端）
Stars: ✭ 31 (-62.65%)
Mutual labels:  scroll
vue-scroll-progress
🎉 Page scroll progress bar component for @vuejs
Stars: ✭ 96 (+15.66%)
Mutual labels:  scroll
scrolltotop
Scroll To Top extension for Chrome, Firefox, Safari, Opera.
Stars: ✭ 60 (-27.71%)
Mutual labels:  scroll
esl
Lightweight and flexible UI component library based on web components technology for creating basic UX modules
Stars: ✭ 53 (-36.14%)
Mutual labels:  scrollbar
react-use-scroll-position
A react hook to use scroll position
Stars: ✭ 45 (-45.78%)
Mutual labels:  scroll
vue-scrollin
🎰 Scroll-in text component for Vue
Stars: ✭ 61 (-26.51%)
Mutual labels:  scroll
seamless-scroll-polyfill
Scroll Behavior polyfill
Stars: ✭ 134 (+61.45%)
Mutual labels:  scroll
NoobScroll
A lightweight jQuery Plugin that add some cool function to make scrolling more fun [Archive]
Stars: ✭ 43 (-48.19%)
Mutual labels:  scroll
View All Similar Projects ➔

GitHub issues GitHub forks GitHub stars GitHub license

scrollpup.js

  • 🎉 0 dependencies, ~1kb
  • ⚡ Pure Javascript Plugin
  • 😇 MIT License

Demo

See demo

Setup

$ npm i --save scrollpup

Usage

import scrollpup from 'scrollpup'

scrollpup({
  background: 'linear-gradient(to right, #ff416c, #ff4b2b)',
  height: '15px'
})

Note

Please feel free to create Pull Requests

Contributors

License

Licensed under the MIT License by Flouthoc

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].