div滚动到指定位置 vue_Vue<点击导航栏滑动到指定位置>

效果图：

assignBlock.gif

方法1：

v-for="(i,index) in 5"

@click="goAssignBlock('block'+ index,50)"

:key="index"

>GO-{ {index}}

0

1

2

3

4

export default {

methods: {

//el 标签 speed 滚动速率 此处是50px 值越大滚动的越快

goAssignBlock(el, speed) {

let _this = this;

let windowH = window.innerHeight; //浏览器窗口高度

let h = this.$refs[el].offsetHeight; //模块内容高度

let t = this.$refs[el].offsetTop; //模块相对于内容顶部的距离

let top = t - (wi