npmpackage.info

Gathering detailed insights and metrics for react-top-and-bottom-scroll

Other packages similar to react-top-and-bottom-scroll

scrolled-to-edge

1.0.5

A simple react hook and component to detect when the scroll position of the window or a container is at the top, bottom, left or right.

react-top-and-bottom-scroll

0.0.20

TypeScript

23.79 kB

1,631

Installations

npm install react-top-and-bottom-scroll

Developer Guide

BETA

Typescript

Yes

Module System

ESM

Node Version

16.20.1

NPM Version

8.19.4 Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

View all 2 contributors

Languages

TypeScript

JavaScript

TypeScript (67.77%)

JavaScript (32.23%)

Developer

imFaizanAhmed

Download Statistics

Total Downloads

1,631

Last Day

Last Week

Last Month

Last Year

612

GitHub Statistics

5 Commits

1 Watching

1 Branches

2 Contributors

Maintainers

Package Meta Information

Latest Version

0.0.20

Package Id

react-top-and-bottom-scroll@0.0.20

Unpacked Size

23.79 kB

Size

7.21 kB

File Count

NPM Version

8.19.4

Node Version

16.20.1

Publised On

20 Feb 2024

Total Downloads

Cumulative downloads

Total Downloads

1,631

Last day

-50%

Compared to previous day

Last week

62.5%

Compared to previous week

Last month

196%

Compared to previous month

Last year

-39.9%

612

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

React-Top-And-Bottom-Scroll

Enhance your React components with dual-scroll functionality using the react-top-bottom-scroll package. By default, HTML provides a single scrollbar at the bottom of a container when overflow occurs. However, with react-top-bottom-scroll, you can effortlessly add mirrored scrollbars at both the top and bottom of any component or HTML element.

Features

Add scroll on top and bottom of HTML elements.
Mirrors the scrolls.

Installation

Top bottom scroll requires React.js v18 to run.

Install the package.

1npm i react-top-and-bottom-scroll

To using this package, wrap your components into this. Below code snippet shows a working example.

Note: scrollHeight is needed to set height for scroll.

<ReactTopAndBottomScroll 
    styling={{ position: 'relative' }}
    scrollHeight={8}>

        <newDataTable
            data={data}
            columns={columns}
        />

</ReactTopAndBottomScroll>

Happy Coding :)

License

MIT

No vulnerabilities found.

No security vulnerabilities found.

Other packages similar to react-top-and-bottom-scroll

react-top-and-bottom-scroll

Installations

Developer Guide

Yes

ESM

16.20.1

8.19.4

Pull Requests

0

0

0

Issues

0

0

0

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

Languages

Developer

imFaizanAhmed

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

1,631

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

React-Top-And-Bottom-Scroll

Features

Installation

License