首页 >

vue数字滚动最后怎么回到0位置 – vue – 前端|

win7粘滞键怎么设置,在ps里怎么把鞋子修得亮一点,腾讯视频缓存怎么发送蓝牙vue数字滚动最后怎么回到0位置 - vue - 前端|vue数字滚动最后怎么回到0位置

方法1:

// 可以用来获取top值

// 可以不用加单位,这样写的话就是让滚动到什么位置

document.documentElement.scrollTop = 300

1

2

3

1

2

3

方法2:

//先获取目标位置距离

mounted() {

this.$nextTick(() => {

setTimeout(() => {

let targetbox= document.getElementById('box');

//在data中定义

this.target= targetbox.offsetTop;

})

})

}

//再滑动指定距离

document.body.scrollTop = this.target;

1

2

3

4

5

6

7

8

9

10

11

12

1

2

3

4

5

6

7

8

9

10

11

12

方法3:

scrollTo,scrollBy,scroll滚动到某位置

this.$nextTick(() => {

//获取的DOM元素不能为display:none

//一定要加this.$nextTick 这样才可以事实更新

this.$refs.DOM.scrollTo(0,200);

//x 和 y 的 设定位置

})

//但在this.$nextTick(()里执行滑动,感觉有点麻烦 偶还没有使用过

1

2

3

4

5

6

7

1

2

3

4

5

6

7

方法4:

document.getElementById("box").scrollIntoView();

//找到元素 scrollIntoView()方法让当前的元素滚动到浏览器窗口的可视区域内

1

2

1

2

方法5:

scrollBehavior (to, from, savedPosition) {

return { x: 0, y: 0 }

}


vue数字滚动最后怎么回到0位置 - vue - 前端|
  • 拍vlog一定要多镜头才是优质视频吗 - vue - 前端|
  • 拍vlog一定要多镜头才是优质视频吗 - vue - 前端| | 拍vlog一定要多镜头才是优质视频吗 - vue - 前端| ...

    vue数字滚动最后怎么回到0位置 - vue - 前端|
  • 华为手机如何快速搜索无线设备 - vue - 前端|
  • 华为手机如何快速搜索无线设备 - vue - 前端| | 华为手机如何快速搜索无线设备 - vue - 前端| ...

    vue数字滚动最后怎么回到0位置 - vue - 前端|
  • 新手上路用什么APP剪辑视频最好 - vue - 前端|
  • 新手上路用什么APP剪辑视频最好 - vue - 前端| | 新手上路用什么APP剪辑视频最好 - vue - 前端| ...