vue 点击按钮移动到指定位置--scrollIntoView()

一、效果图

二、代码块

	<a-button @click="onTouch()">基本信息</a-button>
	<div ref="basicInformation">需要移动到的位置</div>

	onTouch(){
		this.$refs.basicInformation.scrollIntoView({
			behavior: "smooth",  // 平滑过渡
			block: "start"  	// 上边框与视窗顶部平齐。默认值
		});
	}

三、scrollIntoView语法参数

四、scrollIntoView应用场景

1. 聊天窗口滚动显示最新的消息
2. 往一个列表添加item后滚动显示最新的添加的item
3. 回到顶部(#)
4. 滚动到指定位置(#xxx)