前端队长の技术博客

  1. 介绍
  2. 语法
  3. 参考链接

介绍

DOM元素的scrollIntoView()方法是一个IE6浏览器也支持的原生JS API,可以让元素进入视区,通过触发滚动容器的定位实现。

语法

element.scrollIntoView(); // 等同于element.scrollIntoView(true) 
element.scrollIntoView(boolean); // Boolean型参数,true or false
element.scrollIntoView(options); // Object型参数

当参数为Boolean时:

当参数为options对象时,属性有:

彩蛋: CSS平滑滚动方式:

.box {
    scroll-behavior: smooth; 
}

参考链接

https://www.zhangxinxu.com/wordpress/2018/10/scroll-behavior-scrollintoview-%E5%B9%B3%E6%BB%91%E6%BB%9A%E5%8A%A8/

(完)