react-router解决锚点跳转问题
2017-08-05 22:21
831 查看
添加一个onClick方法。onClick方法传入一个锚点的id，然后用下面的函数来找到锚点并跳转到锚点。
scrollToAnchor = (anchorName) => {
if (anchorName) {
// 找到锚点
let anchorElement = document.getElementById(anchorName);
// 如果对应id的锚点存在，就跳转到锚点
if(anchorElement) { anchorElement.scrollIntoView(); }
}
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 试着用React写项目-利用react-router解决跳转路由等问题（二）
- 试着用React写项目-利用react-router解决跳转路由等问题（三）
- 试着用React写项目-利用react-router解决跳转路由等问题（三）
- 试着用React写项目-利用react-router解决跳转路由等问题（三）
- React中解决锚点跳转问题
- 试着用React写项目-利用react-router解决跳转路由等问题（一）
- 试着用React写项目-利用react-router解决跳转路由等问题（一）
- 试着用React写项目-利用react-router解决跳转路由等问题（二）
- 试着用React写项目-利用react-router解决跳转路由等问题（一）
- 试着用React写项目-利用react-router解决跳转路由等问题（二）
- 试着用React写项目-利用react-router解决跳转路由等问题（二）
- 试着用React写项目-利用react-router解决跳转路由等问题（四）
- Ngnix反向代理react-router配置问题解决方法
- ES6标准下react使用router跳转context.router未定义的解决
- 解决 react-router / react-router-dom v4 history不能访问的问题
- react实战--antd、react-router-dom v4 解决菜单和地址同步问题
- react-router与react-reduct配合使用时页面不刷新问题解决方法
- 关于react-router/react-router-dom v4 history不能访问问题的解决
- 解决 react-router 中 history is 'undefined' 的问题
- react-router browserHistory刷新页面404问题解决方法