需求:首页顶部导航菜单的跳转为当前页的下方锚点。
传统实现:使用<a>标签跳转 id。
问题:无法跳转,会发起路由跳转页面。
问题所在:react自身的问题。
解决方案:使用scrollToAnchor方案。(1:给a加上点击事件传入id。2:复制方法。3:定位所在地加上id)
if (anchorElement) { anchorElement.scrollIntoView({ behavior: 'smooth' }); }
//加上smooth字段,会有平滑滚动动画
需求:首页顶部导航菜单的跳转为当前页的下方锚点。
传统实现:使用<a>标签跳转 id。
问题:无法跳转,会发起路由跳转页面。
问题所在:react自身的问题。
解决方案:使用scrollToAnchor方案。(1:给a加上点击事件传入id。2:复制方法。3:定位所在地加上id)
if (anchorElement) { anchorElement.scrollIntoView({ behavior: 'smooth' }); }
//加上smooth字段,会有平滑滚动动画