在vue中使用scrollTo没有效果的解决方法
首先需求: 在播放列表中,章节目录列表自动定位到该小节,每次页面点击后重新进去要把当前的播放记录定位到当前位置中方法:使用scrollTo:当前网页滚动到指定位置具体的操作步骤页面css的结构如下course-list 为可滚动的元素,滚动的位置为当前选中元素的offsetTopthis.$nextTick(() => {let activeCard = document.querySele
·
-
首先需求: 在播放列表中,章节目录列表自动定位到该小节,每次页面点击后重新进去要把当前的播放记录定位到当前位置中
-
方法:使用scrollTo:当前网页滚动到指定位置
-
具体的操作步骤
页面css的结构如下
course-list 为可滚动的元素,滚动的位置为当前选中元素的offsetTop
this.$nextTick(() => {
let activeCard = document.querySelector(".liveChapter-card-small.active")
let scrollY = activeCard.offsetTop
activeCard.parentElement.scrollTo(0, scrollY)
})
遇到的坑:
- 要使用this.$nextTick才能生效
- scrollTo要作用在可滚动的元素上,不然不生效,scrollTop就会一直为0
更多推荐
已为社区贡献8条内容
所有评论(0)