/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

4 votes408 views1 answer
External site links in react Link
Javascript React
5 votes380 views4 answers
Export default react
Javascript React
2 votes383 views4 answers
Can't perform a React state update on an unmounted component
Javascript React
0 vote393 views1 answer
How to change tab color react bootstraps customixation
Javascript React
0 vote534 views1 answer
Attempted import error: 'Map' is not exported from 'react-leaflet' (imported as 'LeafletMap').
Javascript React
2 votes378 views2 answers
Rtl support react native
Javascript React
-1 vote397 views1 answer
Convert datetime value to time only in reactjs
Javascript React
3 votes396 views2 answers
How to get current screen name in react native
Javascript React
10 votes402 views1 answer
Dimensions react native
Javascript React
0 vote425 views1 answer
React antd form disable submit button
Javascript React