You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
Kainoa Kanter 7e5d319fdf
Merge pull request #1 from ThatOneCalculator/imgbot
9 months ago
.github doc(issue_template): disable blank issues 10 months ago
demo [ImgBot] Optimize images 9 months ago
dist [build] 8.7.4 10 months ago
docs [ImgBot] Optimize images 9 months ago
scripts build: fix entry point 11 months ago
src fix(touch): reset trackers on touchstart, resolves #435 10 months ago
.editorconfig refactor: v8 with typescript 🙌 5 years ago
.gitignore update(gitignore): add .DS_Store 5 years ago
.gitpod.yml simplify code contributions by fully automating the dev setup with Gitpod. 2 years ago
CHANGELOG.md [changelog] 8.7.4 10 months ago
CODE_OF_CONDUCT.md doc: add CoC 5 years ago
CONTRIBUTING.md simplify code contributions by fully automating the dev setup with Gitpod. 2 years ago
LICENSE chore: meta update 1 year ago
README.md Update README.md 9 months ago
bower.json [build] 8.7.4 10 months ago
package-lock.json build(deps): bump tar from 4.4.13 to 4.4.19 9 months ago
package.json 8.7.4 10 months ago
tsconfig.json chore: adapt to typescript@3 4 years ago
tslint.json chore: adapt to typescript@3 4 years ago

README.md

Smooth Scrollbar

Customizable, Flexible, and High Performance Scrollbars!

npm monthly downloads core size gzip size Build status Gitpod Ready-to-Code


Installation

DO NOT use custom scrollbars unless you know what you are doing. Read more

Tell us about the features you want in the next major update.

Via NPM (recommended):

npm install smooth-scrollbar --save

Via Bower:

bower install smooth-scrollbar --save

Browser Compatibility

Browser Version
IE 10+
Chrome 22+
Firefox 16+
Safari 8+
Android Browser 4+
Chrome for Android 32+
iOS Safari 7+

Demo

https://idiotwu.github.io/smooth-scrollbar/

Usage

Since this package has a pkg.module field, it's highly recommended to import it as an ES6 module with some bundlers like webpack or rollup:

import Scrollbar from 'smooth-scrollbar';

Scrollbar.init(document.querySelector('#my-scrollbar'));

If you are not using any bundlers, you can just load the UMD bundle:

<script src="dist/smooth-scrollbar.js"></script>

<script>
  var Scrollbar = window.Scrollbar;

  Scrollbar.init(document.querySelector('#my-scrollbar'));
</script>

Documentation

latest 7.x

FAQ

  • How to deal with position: fixed elements? #362
  • How to temporarily stop scrolling? #361
  • How to enable hash/anchor scrolling? #360
  • How to direct all scrolling to a particular direction? #359
  • How to disable scrolling in a particular direction? #357
  • more...

Who's Using It

  • Awwwards Conference: An Event for UX / UI Designers and Web Developers.
  • Listeners Playlist: A cool music player designed by Jiyong Ahn sharing musics from the facebook group 'Listeners Playlist'.
  • Matter: A new and better way to grow your professional skills.
  • Parsons Branding: Brand strategy and design studio based in Cape Town.
  • zer0bin: Just a place to paste
  • Feel free to add yours here 🤗.

License

MIT