React-focus-scroll NPM

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

import FocusOnScroll from "react-focus-scroll";

<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.

react focus scroll focus on scroll focus scrolling react focus on scroll focus element on scrolling

@infinitebrahmanuniverse/nolb-react-fo @everything-registry/sub-chunk-2555 @zalastax/nolb-react-fo

1.1.1

5 years ago

1.1.0

5 years ago

1.0.0

5 years ago