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

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

将元素滚动至可视范围

知识点:Element.scrillIntoView(argument)

用法: argument是可选参数,可传可不传,并且有两种类型,BooleanObject——布尔值或对象

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

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

参考文档:MDN-Element.scrollIntoView

hongbao.png
NOOLDEY

本文作者:NOOLDEY

做一个诗情画意的码农,皮皮猪,我们走!

原文链接: http://zhuweisheng.com.cn/html/scroll-into-view/

本站文章如无特殊声明均为原创,创作不易,转载请注明来源,谢谢!