scrollIntoView()方法,将元素显示在可视区
scrollIntoView()方法是Element 接口的方法,会滚动元素的父容器,使被调用 scrollIntoView()的元素对用户可见。
举例说明:
点击列表标题,想让列表子元素显示在容器上方:
currentIndex.value = index;//被点击元素
//点击导航获取右侧科室(大的科室H1标题)
let allH1 = document.querySelectorAll(".cur");
allH1[currentIndex.value].scrollIntoView({
behavior: "smooth", //过渡动画效果
block: "top", //滚动到位置 默认起始位置
});