将元素滚动至可视范围之scrollIntoView

2016-08-28

在功能性的页面中，常常有点击某个按钮滚动页面的某个区域到当前视图中的需求，scrollIntoView一秒解决！

将元素滚动至可视范围

知识点：Element.scrillIntoView(argument)

用法： argument是可选参数，可传可不传，并且有两种类型，Boolean和Object——布尔值或对象

参数解析：argument == true（默认值）时，元素的顶端将和其所在滚动区的可视区域的顶端对齐，即直接滚动到文档的顶部；argument == false时，元素的底端将和其所在滚动区的可视区域的底端对齐，即滚动到所在父级容器的顶部。argument为对象时的情况因目前还没有具体用法，不做解析。

var obj = document.body.querySelector('.classname');
obj && obj.scrollIntoView();

参考文档：MDN-Element.scrollIntoView