react-custom-scroller

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

Usage no npm install needed!

<script type="module">
  import reactCustomScroller from 'https://cdn.skypack.dev/react-custom-scroller';
</script>

README

react-custom-scroller

NPM JavaScript Style Guide

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

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