vue 中滚动条回到顶部

今天项目碰到一个<vue-scroll >滚动条要回到顶部的需求,查询了好久终于解决了,这里记录一下:

其实就是scrollIntoView()方法的使用(官方文档)

  1. 需要注意的是要求页面(容器)可滚动时才有用!
  2. 然后要说明的是,这是js原生方法,jquery等框架是使用不了的,所以,获得元素的方法一定是document.getElementById或querySelector,然后才可以点出来scrollIntoView()方法。
  3. 语法:

    element.scrollIntoView(); // 等同于element.scrollIntoView(true)
    element.scrollIntoView(alignToTop); //布尔参数
    element.scrollIntoView(scrollIntoViewOptions); //对象参数

如下附上我的代码:

vue 中<vue-scroll >滚动条回到顶部      vue 中<vue-scroll >滚动条回到顶部

 

上一篇:跳转至页面指定位置


下一篇:Element.scrollIntoView()