vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue scrollTo无效

vue中使用scrollTo无效的解决方法

作者:Smile_zxx

本文主要介绍了vue中使用scrollTo无效的解决方法,想要使用scrollTo使当前网页滚动到指定位置,本文就来解决一下,具有一定的 参考价值,感兴趣的可以了解一下

首先需求: 在播放列表中,章节目录列表自动定位到该小节,每次页面点击后重新进去要把当前的播放记录定位到当前位置中

方法:使用scrollTo:当前网页滚动到指定位置

具体的操作步骤

页面css的结构如下

course-list 为可滚动的元素,滚动的位置为当前选中元素的offsetTop

this.$nextTick(() => {
	let activeCard = document.querySelector(".liveChapter-card-small.active")
	let scrollY = activeCard.offsetTop
	activeCard.parentElement.scrollTo(0, scrollY)
})

遇到的坑:

到此这篇关于vue中使用scrollTo无效的解决方法的文章就介绍到这了,更多相关vue scrollTo无效内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文