React Focus on Scroll
A react component which focuses sections while scrolling
Props
The component takes the followin props.
Prop | Type | Description |
---|---|---|
className |
string | Additional classnames for the component |
focusOn |
string | Initial focused section |
onFocus |
function | Callback function to invoke when a section is focues The function should contain one parameter(focusIndex). |
Installation
npm install react-focus-scroll --save
Usage
; <FocusOnScroll focusOn="1" onFocus=onFocus classNames="custom-class"> <div>This is first section</div> <div>This is second section</div></FocusOnScroll>
License
MIT Licensed. Copyright (c) Farhad Yasir 2019.