/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

6 votes137 views2 answers
UseHistory react-router-dom
Javascript React
0 vote158 views1 answer
React handling event
Javascript React
0 vote78 views1 answer
Open xcode shorthand react native
Javascript React
0 vote128 views1 answer
Update an object key value in state react
Javascript React
0 vote126 views1 answer
React native elements bottom sheet
Javascript React
0 vote147 views1 answer
Attempted import error: 'Map' is not exported from 'react-leaflet' (imported as 'LeafletMap').
Javascript React
0 vote125 views1 answer
React hooks link to external site new tab
Javascript React
4 votes144 views2 answers
React helmet
Javascript React
0 vote122 views1 answer
Installe datatable to reactjs project
Javascript React
5 votes143 views2 answers
Splash screen react native
Javascript React