Skip to content

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

License

Notifications You must be signed in to change notification settings

closeio/react-custom-scroller

Repository files navigation

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