<div @click="scrollToPosition(index)">{{...}}</div>
methods:{
scrollToPosition(index){
document.getElementsByClassName('rightBarClass')[index].scrollIntoView()
}
rightBarClass是右侧v-for出来的列表的class，这样就达成了效果。{
behavior: "auto" | "instant" | "smooth",
block: "start" | "end"
}
smooth是平滑滚动 start和end是目标滚动到的位置
另vue实现锚点跳转之scrollIntoView()方法滚动到某个特定元素 ：scrollIntoView()；...
比如点击左侧列表，右边滚动到特定小标题位置 这个真是超好用，不用获取右边小标题的高度，啥都不用，有id或者clas...
Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。
Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域MDN地址 问题描述:...
Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内 参数 alignT...
Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内 使用： let a...
1、scrollIntoView函数 利用dom的scrollIntoView()函数可以滚动到指定位置。 2、s...
Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内 语法 参数 ali...
Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内 语法 参数 ali...
1.聊天界面跳到最底部 Element.scrollIntoView(): 方法让当前的元素滚动到浏览器窗口的可视...
本文标题：滚动到某个特定元素 ：scrollIntoView()
本文链接：https://www.haomeiwen.com/subject/kttrtqtx.html
网友评论