当用户通过锚链接导航到页面时，我希望页面向下滚动到我的锚标签.
我使用的是react router 4，我定义如下:
导航栏:
export default (props) => {
const {
updateModal,
updateRoute,
} = props
return(
<Navbar fluid collapseOnSelect>
<Nav>
<NavDropdown eventKey="4" title="Solutions" id="nav-dropdown" noCaret>
<MenuItem eventKey="4.1">
<Link to='/solution#ipos'>TESTING ANCHOR</Link>
</MenuItem>
...
一些路由:
export default class extends Component {
constructor() {
super()
this.state = {
isLoading: true
}
}
render() {
return (
<Grid className='solutions' fluid>
<Row className='someClass'>
<div>
<h2><a href='ipos' id='ipos'>Ipos morna santos paros</a></h2>
...
当我点击导航栏中的锚链接时，我可以在url和我的redux存储中看到哈希锚标记，它确实会导航到新路由，但不会向下滚动到标记本身.
是由我来创建滚动功能，还是它应该如何工作？