All Projects → mudin → magic-scroll

mudin / magic-scroll

Licence: MIT license
Apple Magic Mouse scrolling effect for normal mouses

Programming Languages

HTML
75241 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to magic-scroll

Ngx Scrollbar
Custom overlay-scrollbars with native scrolling mechanism
Stars: ✭ 355 (+725.58%)
Mutual labels:  scroll, smooth-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 (+525.58%)
Mutual labels:  scroll, smooth-scrolling
Asscroll
Ash's Smooth Scroll 🍑
Stars: ✭ 324 (+653.49%)
Mutual labels:  scroll, smooth-scrolling
Mac Mouse Fix
Mac Mouse Fix - A simple way to make your mouse better.
Stars: ✭ 362 (+741.86%)
Mutual labels:  scroll, smooth-scrolling
Mos
一个用于在 macOS 上平滑你的鼠标滚动效果或单独设置滚动方向的小工具, 让你的滚轮爽如触控板 | A lightweight tool used to smooth scrolling and set scroll direction independently for your mouse on macOS
Stars: ✭ 7,772 (+17974.42%)
Mutual labels:  scroll, smooth-scrolling
Moveto
A lightweight scroll animation javascript library without any dependency
Stars: ✭ 2,746 (+6286.05%)
Mutual labels:  scroll, smooth-scrolling
Rolly
Custom scroll with inertia, smooth parallax and scenes manager
Stars: ✭ 109 (+153.49%)
Mutual labels:  scroll, smooth-scrolling
really-smooth-scroll
A script that smoothen scrolling in the browser
Stars: ✭ 21 (-51.16%)
Mutual labels:  scroll, smooth-scrolling
angular2-infinite-scroll
Infinite Scroll Directive For Angular (version 2 up to 2.3.1)
Stars: ✭ 16 (-62.79%)
Mutual labels:  scroll
js-module-system
A small UI library to demonstrate the JS module system
Stars: ✭ 36 (-16.28%)
Mutual labels:  rollup
ts-lib-scripts
以 🚀 速度创建零配置 TypeScript 库项目的命令行工具
Stars: ✭ 56 (+30.23%)
Mutual labels:  rollup
EasyScrollDots
Single page scroll JavaScript plugin that allows for vertical navigation of page sections
Stars: ✭ 38 (-11.63%)
Mutual labels:  scroll
sapper-typescript-esbuild-template
Sapper template with ESBuild and TypeScript
Stars: ✭ 18 (-58.14%)
Mutual labels:  rollup
smooth-vuebar
Vue directive wrapper for smooth-scrollbar
Stars: ✭ 29 (-32.56%)
Mutual labels:  smooth-scrolling
use-scroll-direction
A simple, performant, and cross-browser hook for detecting scroll direction in your next react app.
Stars: ✭ 24 (-44.19%)
Mutual labels:  scroll
chrome-mouse-wheel-tab-scroller
Scroll Google Chrome tabs using mouse wheel
Stars: ✭ 39 (-9.3%)
Mutual labels:  scroll
ol-extent
🍭 🎩 👻 | a JavaScript library for openlayers extent
Stars: ✭ 11 (-74.42%)
Mutual labels:  rollup
OverScroll
Use CoordinatorLayout+Behavior to achieve elastic scrolling and inertial scrolling for list. 利用CoordinatorLayout+Behavior实现弹性滚动和惯性滚动效果(类似微信首页).
Stars: ✭ 37 (-13.95%)
Mutual labels:  scroll
rollup-plugin-jscc
Conditional compilation and compile-time variable replacement for Rollup
Stars: ✭ 52 (+20.93%)
Mutual labels:  rollup
Arbitrum Doc CN
Arbitrum官方文档中文版
Stars: ✭ 52 (+20.93%)
Mutual labels:  rollup

License npm version HitCount size

MagicScroll

Why MagicScroll?

If you have tried to use Apple magic mouse or macbook Trackpad, the scroll is very smooth. However normal scroll is not. In order to make the smilar effect I have tried to implement MagicScroll. We can apply this for any kind of place where mouse wheel is need to be smooth (For example, IndoorJS demo below)

Demo

Demo

JS fiddle demo

IndoorJS demo

Install

  npm i magic-scroll.js -S

or

https://unpkg.com/magic-scroll.js/dist/MagicScroll.umd.js

Usage

let magicScroll = new MagicScroll({
  target: document.querySelector(".scroll-view.after"), // for body, no need to set target
  speed: 80,
  smooth: 12
});

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].