vue路由页面如何加锚点
我们在路由页面加锚点的时候,经常会跟路由冲突。那么我们如何解决呢?我们可以使用以下方法实现:@click.prevent="custormAnchor(index)<div id="index">锚点内容</div>custormAnchor(index) { //锚点滚动到固定位置let anchorEleme
·
我们在路由页面加锚点的时候,经常会跟路由冲突。那么我们如何解决呢?
我们可以使用以下方法实现:
@click.prevent="custormAnchor(index)
<div id="index">锚点内容</div>
custormAnchor(index) { //锚点滚动到固定位置
let anchorElement = document.getElementById(index);
if(anchorElement) { anchorElement.scrollIntoView(); }
},
调用方法为 element.scrollIntoView() 参数默认为true。
参数为true时调用该函数,页面(或容器)发生滚动,使element的顶部与视图(容器)顶部对齐;
参数为false时,使element的底部与视图(容器)底部对齐。
TIPS:页面(容器)可滚动时才有用!
这是项目案例:
更多推荐
已为社区贡献51条内容
所有评论(0)