龙华大浪做网站,中小型企业建设一个网站大概需要多少钱,怎么建立一个公司的网站吗,微网站模板在线vue中不能使用a标签来使用锚点定位#xff0c;可以使用自带的scrollIntoView方法
1、首先获取对应的需要定位的盒子ID 2、然后添加scrollIntoView方法#xff0c;定义效果
属性及其含义#xff1a;
block: start,// 定义垂直方向的对齐#xff0c;默认为 可以使用自带的scrollIntoView方法
1、首先获取对应的需要定位的盒子ID 2、然后添加scrollIntoView方法定义效果
属性及其含义
block: start,// 定义垂直方向的对齐默认为 start// start 元素将滚动到可见区域的顶部//center 元素将滚动到可见区域的中间//end 元素将滚动到可见区域的最后// nearest 元素将滚动到可见区域的附近behavior: smooth,
//过渡动画
//auto,instant,smooth”。默认为auto完整代码如下
templateul classres_titleliv-foritem in setList:keyitem.idclickachor(item) {{ item.name }}/li/ul
/template
script
export default {data() {return {setList: [{ id: 1, name: aaa, key: setone },{ id: 2, name: bbb, key: setTwo },{ id: 3, name: ccc, key: setThree },],activeSet: 1,}},methods: {achor(row) {this.activeSet row.id // row.key 为对应的id名 document.querySelector(#${row.key}).scrollIntoView({behavior: smooth,// 定义动画过渡效果 auto或 smooth 之一。默认为 autoblock: start,// 定义垂直方向的对齐 start, center, end, 或 nearest之一。默认为 startinline: nearest// 定义水平方向的对齐 start, center, end, 或 nearest之一。默认为 nearest})},}
}
