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

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

  3. 具体的操作步骤

    页面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
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐