JavaScript Element scrollIntoView() 方法

• 

  JavaScript Element scrollIntoView() 方法

  scrollIntoView()方法将指定的元素滚动到浏览器窗口的可见区域。

  实例：

  将id=“content”的元素滚动到浏览器窗口的可见区域：

  var elmnt = document.getElementById("content");
  elmnt.scrollIntoView();
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  方法
  scrollIntoView()	8.0+	28.0+	1.7+	5.0+	38.0

• 

  语法

  element.scrollIntoView(alignTo)
• 

  参数值

  参数	类型	描述
  alignTo	Boolean	可选的。 一个布尔值，指示对齐的类型： true - 元素的顶部将与可滚动祖先的可见区域的顶部对齐。 false - 元素的底部将与可滚动祖先的可见区域的底部对齐。 如果省略，它将滚动到元素的顶部。 注意：根据其他元素的布局，某些元素可能无法完全滚动到顶部或底部。

• 

  技术细节

  项目	描述
  返回值：	没有
  DOM版本	TEST

• 

  更多例子

  滚动到元素的顶部或底部：

  var elmnt = document.getElementById("content");
  
  function scrollToTop() {
    elmnt.scrollIntoView(true); // Top
  }
  
  function scrollToBottom() {
    elmnt.scrollIntoView(false); // Bottom
  }
  

  尝试一下