Corentinfardeau / Horizontal Scroll
Licence: mit
Horizontal scroll with inertia
Stars: ✭ 175
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Horizontal Scroll
Moveto
A lightweight scroll animation javascript library without any dependency
Stars: ✭ 2,746 (+1469.14%)
Mutual labels: scroll, scrolling, smooth
Jump.js
A modern smooth scrolling library.
Stars: ✭ 3,459 (+1876.57%)
Mutual labels: scroll, scrolling, smooth
Ngx Ui Scroll
Infinite/virtual scroll for Angular
Stars: ✭ 145 (-17.14%)
Mutual labels: scroll, scrolling
Recyclerview Fastscroller
A fully customizable Fast Scroller for the RecyclerView in Android, written in Kotlin
Stars: ✭ 585 (+234.29%)
Mutual labels: scroll, scrolling
Mos
一个用于在 macOS 上平滑你的鼠标滚动效果或单独设置滚动方向的小工具, 让你的滚轮爽如触控板 | A lightweight tool used to smooth scrolling and set scroll direction independently for your mouse on macOS
Stars: ✭ 7,772 (+4341.14%)
Mutual labels: scroll, smooth
Mac Mouse Fix
Mac Mouse Fix - A simple way to make your mouse better.
Stars: ✭ 362 (+106.86%)
Mutual labels: scroll, scrolling
React Scrolllock
🔒 Prevent scroll on the <body />
Stars: ✭ 393 (+124.57%)
Mutual labels: scroll, scrolling
Txscrolllabelview
🌭TXScrollLabelView, the best way to show & display information such as adverts / boardcast / onsale e.g. with a customView.
Stars: ✭ 714 (+308%)
Mutual labels: scroll, scrolling
Phytouch
Smooth scrolling, rotation, pull to refresh, page transition and any motion for the web - 丝般顺滑的触摸运动方案
Stars: ✭ 2,854 (+1530.86%)
Mutual labels: scroll, scrolling
Android scroll endless
Scroll endless for Android recyclerview
Stars: ✭ 12 (-93.14%)
Mutual labels: scroll, scrolling
Fuckmyscroll.js
🔮 Animated scrolling to certain point or anchor
Stars: ✭ 10 (-94.29%)
Mutual labels: scroll, scrolling
Dragscroll
micro library for drag-n-drop scrolling style
Stars: ✭ 989 (+465.14%)
Mutual labels: scroll, scrolling
Ngx Scrollbar
Custom overlay-scrollbars with native scrolling mechanism
Stars: ✭ 355 (+102.86%)
Mutual labels: scroll, smooth
Scrollissimo
Javascript plugin for smooth scroll-controlled animations
Stars: ✭ 160 (-8.57%)
Mutual labels: scrolling, smooth
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 (+53.71%)
Mutual labels: scroll, scrolling
Scrolldir
0 dependency JS plugin to leverage scroll direction with CSS ⬆⬇ 🔌💉
Stars: ✭ 679 (+288%)
Mutual labels: scroll, scrolling
Prognroll
A tiny, lightweight jQuery plugin that creates scroll progress bar on the page.
Stars: ✭ 108 (-38.29%)
Mutual labels: scroll, scrolling
scrollparent.js
A function to get the scrolling parent of an html element.
Stars: ✭ 51 (-70.86%)
Mutual labels: scrolling, scroll
srraf
Monitor scrolling and resizing without event listeners.
Stars: ✭ 26 (-85.14%)
Mutual labels: scrolling, scroll
Scroll Into View If Needed
Element.scrollIntoView ponyfills for things like "if-needed" and "smooth"
Stars: ✭ 811 (+363.43%)
Mutual labels: scrolling, smooth
horizontal-scroll
Installation
npm install -S horizontal-scroll
Usage & API
HTML
<div class="container">
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
</div>
Javascript
var blocks = document.getElementsByClassName('block');
var container = document.getElementsByClassName('container');
var hs = new HorizontalScroll.default({
blocks : blocks,
container: container,
});
Options
Node DOM
null
container The list container.
Node DOM
null
blocks Item in the list.
Boolean
false
isAnimated If true, the list should have a skew relative to the scroll speed.
Number
0.1
spring Friction of the scroll.
Number
20
skewReducer Strength of the skew effect.
Number
20
skewLimit Limit value of the skew effect.
Example
https://corentinfardeau.github.io/horizontal-scroll/
License
MIT.
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].