jgolfetto / react-custom-scroller

Super simple React component for creating a custom scrollbar cross-browser and cross-devices.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

react-custom-scroller

NPM JavaScript Style Guide

Super simple React component for creating a custom scrollbar cross-browser and cross-devices.

Check the live DEMO.

Interested in working on projects like this? Close is looking for great engineers to join our team!

Install

yarn add react-custom-scroller

Benefits

  • Extremely lightweight (less than 2KB minzipped).
  • It uses the native scroll events, so all the events work and are smooth (mouse wheel, space, page down, page up, arrows etc).
  • No other 3rd-party dependencies.
  • The performance is excellent!

Usage

import React from 'react';
import CustomScroller from 'react-custom-scroller';

const MyScrollableDiv = () => (
  <CustomScroller>Content goes here.</CustomScroller>
);

License

MIT © Close

About

Super simple React component for creating a custom scrollbar cross-browser and cross-devices.

License:MIT License


Languages

Language:JavaScript 89.0%Language:CSS 7.0%Language:HTML 4.0%