scrollIntoView()方法,将元素显示在可视区

 scrollIntoView()方法是Element 接口的方法,会滚动元素的父容器,使被调用 scrollIntoView()的元素对用户可见。

举例说明:

点击列表标题,想让列表子元素显示在容器上方:

  currentIndex.value = index;//被点击元素
  //点击导航获取右侧科室(大的科室H1标题)
  let allH1 = document.querySelectorAll(".cur");
  allH1[currentIndex.value].scrollIntoView({
    behavior: "smooth", //过渡动画效果
    block: "top", //滚动到位置 默认起始位置
  });

 

posted on 2024-05-15 13:59  破晓以后  阅读(15)  评论(0编辑  收藏  举报