
获得徽章 0
- 每日有感
前端大部分框架实现spa用到了路由,也因此在这些应用中使用常规方法实现锚点变得不可能,框架会将锚点识别成路由并且进行跳转。所以这里使用js代码实现锚点的跳转
scrollToAnchor = (anchorName) => {
if (anchorName) {
// 找到锚点
let anchorElement = document.getElementById(anchorName);
// 如果对应id的锚点存在,就跳转到锚点
if(anchorElement) {
anchorElement.scrollIntoView({block: 'start', behavior: 'smooth'});
}
}
}
但是scrollIntoView方法存在兼容性问题,具体使用可以考虑polyfill兼容一下展开13 - 4103