react-scroll-ts

Quick Exmaple

<ReactScroll
  key="react-unique-key"
  targetID="target-id-to-scroll"
  baseLineOption={{ position: "top", offset: 300 }}
  elementOption={{ topOffset: 30, bottomOffset: 30 }}
  activeClassName="activated-classname-when-baseline-is-at-target"
  className="react-classname"
>
  Click to Warp
</ReactScroll>

Props

prop	type	description
targetID	string	target id to scroll
baseLineOption	{ string, number }	position: string = "top" / "middle" / "bottom" offset: number = { offset of baseline }
elementOption	{ number, number }	topOffset: number = { top offset of element } bottomOffset: number = { bottom offset of element }
activeClassName	string	activated classname when baseline is at target

W298/react-scroll-ts

react-scroll-ts

Quick Exmaple

Props