mburakerman / Prognroll
Licence: mit
A tiny, lightweight jQuery plugin that creates scroll progress bar on the page.
Stars: ✭ 108
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Prognroll
Phytouch
Smooth scrolling, rotation, pull to refresh, page transition and any motion for the web - 丝般顺滑的触摸运动方案
Stars: ✭ 2,854 (+2542.59%)
Mutual labels: scroll, scrolling
React Scrolllock
🔒 Prevent scroll on the <body />
Stars: ✭ 393 (+263.89%)
Mutual labels: scroll, scrolling
Ngx Scroll To
Scroll to any element to enhance scroll-based features in you app. Works for Angular 4+, both AoT and SSR. No dependencies.
Stars: ✭ 269 (+149.07%)
Mutual labels: scroll, scrolling
volx-recyclerview-fast-scroll
An easy to use implementation for fast scroll recyclerview
Stars: ✭ 34 (-68.52%)
Mutual labels: scrolling, scroll
Pd Select
vue components ,like ios 3D picker style,vue 3d 选择器组件,3D滚轮
Stars: ✭ 101 (-6.48%)
Mutual labels: scroll, scrolling
scrollparent.js
A function to get the scrolling parent of an html element.
Stars: ✭ 51 (-52.78%)
Mutual labels: scrolling, scroll
Mac Mouse Fix
Mac Mouse Fix - A simple way to make your mouse better.
Stars: ✭ 362 (+235.19%)
Mutual labels: scroll, scrolling
really-smooth-scroll
A script that smoothen scrolling in the browser
Stars: ✭ 21 (-80.56%)
Mutual labels: scrolling, scroll
Txscrolllabelview
🌭TXScrollLabelView, the best way to show & display information such as adverts / boardcast / onsale e.g. with a customView.
Stars: ✭ 714 (+561.11%)
Mutual labels: scroll, scrolling
Scrolldir
0 dependency JS plugin to leverage scroll direction with CSS ⬆⬇ 🔌💉
Stars: ✭ 679 (+528.7%)
Mutual labels: scroll, scrolling
Core Components
Accessible and lightweight Javascript components
Stars: ✭ 85 (-21.3%)
Mutual labels: scroll, progress-bar
Android scroll endless
Scroll endless for Android recyclerview
Stars: ✭ 12 (-88.89%)
Mutual labels: scroll, scrolling
use-scroll-direction
A simple, performant, and cross-browser hook for detecting scroll direction in your next react app.
Stars: ✭ 24 (-77.78%)
Mutual labels: scrolling, scroll
srraf
Monitor scrolling and resizing without event listeners.
Stars: ✭ 26 (-75.93%)
Mutual labels: scrolling, scroll
EasyScrollDots
Single page scroll JavaScript plugin that allows for vertical navigation of page sections
Stars: ✭ 38 (-64.81%)
Mutual labels: scrolling, scroll
Jump.js
A modern smooth scrolling library.
Stars: ✭ 3,459 (+3102.78%)
Mutual labels: scroll, scrolling
NoobScroll
A lightweight jQuery Plugin that add some cool function to make scrolling more fun [Archive]
Stars: ✭ 43 (-60.19%)
Mutual labels: scrolling, scroll
react-smart-scroll
Efficient rendering of long lists in React
Stars: ✭ 27 (-75%)
Mutual labels: scrolling, scroll
Recyclerview Fastscroller
A fully customizable Fast Scroller for the RecyclerView in Android, written in Kotlin
Stars: ✭ 585 (+441.67%)
Mutual labels: scroll, scrolling
Fuckmyscroll.js
🔮 Animated scrolling to certain point or anchor
Stars: ✭ 10 (-90.74%)
Mutual labels: scroll, scrolling
PrognRoll
A tiny, lightweight jQuery plugin that creates scroll progress bar on the page
Install
Load jQuery and include PrognRoll file
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://raw.githack.com/mburakerman/prognroll/master/src/prognroll.min.js"></script>
Usage
To see scrolling progress on your page, you need to activate PrognRoll.
$(function() {
$("body").prognroll();
});
That's it!
You can also customize the progress bar. These are default settings.
$(function() {
$("body").prognroll({
height: 5, // progress bar height
color: "#50bcb6", // progress bar background color
custom: false // if you make it true, you can add your custom div and see it's scroll progress on the page
});
});
Examples
Body
<body>
<!-- Content -->
</body>
$(function() {
$("body").prognroll();
});
Custom div
<div class="box">
<!-- Content -->
</div>
$(function() {
$(".box").prognroll({
custom: true
});
});
Size
1 kb minified
License
Licensed under the MIT License.
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].