vue 点击按钮移动到指定位置--scrollIntoView()
·
一、效果图
二、代码块
<a-button @click="onTouch()">基本信息</a-button>
<div ref="basicInformation">需要移动到的位置</div>
onTouch(){
this.$refs.basicInformation.scrollIntoView({
behavior: "smooth", // 平滑过渡
block: "start" // 上边框与视窗顶部平齐。默认值
});
}
三、scrollIntoView语法参数
四、scrollIntoView应用场景
- 聊天窗口滚动显示最新的消息
- 往一个列表添加item后滚动显示最新的添加的item
- 回到顶部(#)
- 滚动到指定位置(#xxx)
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
3
0- 0
已为社区贡献4条内容
所有评论(0)