What is React-slimScroll?

slimScroll is a small jQuery plugin that transforms any div into a scrollable area with a nice scrollbar - similar to the one Facebook and Google started using in their products recently. slimScroll doesn't occupy any visual space as it only appears on a user initiated mouse-over. User can drag the scrollbar or use mouse-wheel to change the scroll value.

This library is made for React.js. It can be used by adding jQuery during initialization.

Usage Example

You can check the usage in ScrollableDiv.jsx:

``jsx
import $ from "jquery";
import SlimScroll from "react-jquery-slimscroll";
import React, { useEffect } from 'react';

SlimScroll($); // initialize only once. (inside index.jsx or App.jsx preferred)

const ScrollableDiv = ({ html }) => {
useEffect(() => {
$(".scrollable-div").slimScroll({
height: "50px",
size: "5px",
});
return () => {
$(".scrollable-div").slimScroll({ destroy: true });
}
});
return (