hide-scrollbar-react

1.1.6 • Public • Published

npm-badge npm-dm-badge npm-size-badge build-badge Coverage Status FOSSA Status Shield MIT LISENCE

hide-scrollbar-react

Wrap this module around your kind of viewable components, and it's scrollbar will automately disappear, and appear when you move your scroll position. It can only supports non-FireFox browsers because I have no found the way to hide a basically given scrollbar's css style.

usecase

import

import Scrollable from 'hide-scrollbar-react';

You don't have to import Scrollable exactly, but import WhatDoYouWantToName because 'hide-scrollbar-react' exports only one "default". in render( ) method

render() { ... }

<Scrollable>
  <!-- container's height should be '100%' or ensure that containers doesn't scroll area so 'hide-scrollbar-react' will has it's own scroll, I recommend give height: 100vh; attribute to owner of rendering 'hide-scrollbar-react' -->
  <!-- what do you want to -->
  <!-- no matter it has scroll or no-scroll -->
  <!-- It does not support firefox -->
  <!-- It does not support scroll-x, only scroll-y -->
</Scrollable>

License

FOSSA Status Large

Package Sidebar

Install

npm i hide-scrollbar-react

Weekly Downloads

9

Version

1.1.6

License

MIT

Unpacked Size

68.3 kB

Total Files

16

Last publish

Collaborators

  • exilee20c