/Javascript/React/Navigation scroll react

Navigation scroll react

import { Link } from "react-scroll";


// somewhere in your markup
<Link to="test1" spy={true} smooth={true} offset={50} duration={500}>Test</Link>

// somewhere else in your markup. This is where it will scroll to.
<div id="test1">...</div>

Source: stackoverflow.com

Similar codes

1 vote297 views1 answer
Input type email react js-validation
Javascript React
24 votes300 views6 answers
Box shadow react native
Javascript React
0 vote306 views1 answer
Write button hover in react
Javascript React
2 votes304 views1 answer
Property 'target' does not exist on type 'string' react
Javascript React
0 vote277 views1 answer
React deployment pipeline
Javascript React
1 vote288 views1 answer
Shopping cart small icon code react-bootstrap 4.6 fa fas
Javascript React
2 votes311 views2 answers
Await in react in function component
Javascript React
0 vote323 views1 answer
React router nested routes active
Javascript React
0 vote289 views1 answer
Float right react native
Javascript React
1 vote301 views1 answer
Using React useRef hook to focus input field on button click
Javascript React