Scroll postion gives you scroll X and Y positions and its ligthweight and fast
- Lightweight
- Vertical and horizontal scroll position
yarn add scroller-position
npm install scroller-position
import { Scroller } from "scroller-position";
export default function Home() {
const { isOnTop, scrollX, scrollY } = Scroller();
return (
<div>
<p>Is scroll position on top: {isOnTop ? "True" : "false"}</p>
<p>Vertical Position: {scrollY}px</p>
<p>Horizontal Position: {scrollX}px</p>
</div>
);
}