search

mudin / magic-scroll

Apple Magic Mouse scrolling effect for normal mouses
https://mudin.github.io/magic-scroll/
MIT License
44 stars 4 forks source link
es6 magic-scroll rollup scroll smooth-scrolling

readme

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.