https://github.com/okonet/react-scroll-sync

Synced scroll position across multiple scrollable elements
https://github.com/okonet/react-scroll-sync

dom react scroll sync synchronization

Last synced: about 2 months ago
JSON representation

Synced scroll position across multiple scrollable elements

• Host: GitHub
• URL: https://github.com/okonet/react-scroll-sync
• Owner: okonet
• License: mit
• Created: 2016-10-04T12:38:00.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2023-11-01T20:22:10.000Z (11 months ago)
• Last Synced: 2024-07-25T09:19:06.135Z (2 months ago)
• Topics: dom, react, scroll, sync, synchronization
• Language: JavaScript
• Homepage: http://react-sync-scroll.netlify.com/
• Size: 1.64 MB
• Stars: 426
• Watchers: 4
• Forks: 59
• Open Issues: 33
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome - React scroll sync - Synced scroll position across multiple scrollable elements (Uncategorized / Uncategorized)

README

        
# react-scroll-sync

Synced scroll position across multiple scrollable elements

## Demo

http://react-sync-scroll.netlify.com/

## Documentation & Example

http://react-sync-scroll.netlify.com/

## License

MIT

## Installation

```bash

npm install --save react-scroll-sync

```

## Usage

```jsx

import React, {Component} from 'react';

import { ScrollSync, ScrollSyncPane } from 'react-scroll-sync';

export default class MyComponent extends Component {

    

    render() {

      

        


          

            


              

                
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.

              

            

          

        

      


        );

    }

}

```