Synchronize scroll positions across multiple scrollable containers
npm install react-scroll-syncSynced scroll position across multiple scrollable elements
https://react-sync-scroll.netlify.app/
https://react-sync-scroll.netlify.app/
If you are upgrading from react-scroll-sync v0 to v1, please review the Migration Guide.
Version 1.0.0 and above provide built-in TypeScript type definitions, so you must uninstall the community @types/react-scroll-sync package to avoid type conflicts. The guide includes all required steps to ensure a smooth upgrade.
MIT
``bash`
npm install --save react-scroll-sync
`jsx
import { FC } from "react";
import { ScrollSync, ScrollSyncPane } from "react-scroll-sync";
export const MyComponent: FC = () => {
return (
Left Pane Content
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab
aperiam doloribus dolorum est eum eveniet exercitationem iste
labore minus, neque nobis odit officiis omnis possimus quasi
rerum sed soluta veritatis.
Middle Pane Content
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab
aperiam doloribus dolorum est eum eveniet exercitationem iste
labore minus, neque nobis odit officiis omnis possimus quasi
rerum sed soluta veritatis.
Right Pane Content
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab
aperiam doloribus dolorum est eum eveniet exercitationem iste
labore minus, neque nobis odit officiis omnis possimus quasi
rerum sed soluta veritatis.
);
};
``