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

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

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

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

如下附上我的代码:

      

 

版权声明:本文为chailovely原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/chailovely/p/13041456.html