/react-focus-scroll

A react component which focuses sections while scrolling. For demo visit here https://nutboltu.github.io/react-focus-scroll

Primary LanguageTypeScriptMIT LicenseMIT

React Focus on Scroll

dependencies Status Build Status semantic-release

A react component which focuses sections while scrolling

See Demo and Documentation.

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.