js element.scrollIntoView()

简介: js element.scrollIntoView()

element.scrollIntoView();
element.scrollIntoView(false);
element.scrollIntoView({block: "end"});
element.scrollIntoView({behavior: "smooth", block: "end", inline: "nearest"});


alignToTop


为 true,元素的顶端将和其所在滚动区的可视区域的顶端对齐。


相应的 scrollIntoViewOptions: {block:“start”,inline: “nearest”}。这是这个参数的默认值。


为 false,元素的底端将和其所在滚动区的可视区域的底端对齐。


相应的 scrollIntoViewOptions: {block: “end”,inline: “nearest”}。


scrollIntoViewOptions


一个包含下列属性的对象:


behavior

定义动画过渡效果, “auto” 或 “smooth” 之一。默认为 “auto”。


block

定义垂直方向的对齐, “start” , “center” , “end” , 或 “nearest” 之一。默认为 “start”。


inline

定义水平方向的对齐, “start” , “center” , “end” , 或 “nearest” 之一。默认为 “nearest”。


相关文章
|
9月前
|
JavaScript 前端开发 API
js和jquery的区别
js和jquery的区别
73 8
|
9月前
|
JavaScript 前端开发
JQuery和JS的区别有哪些?
JQuery和JS的区别有哪些?
71 0
|
9月前
|
JavaScript 前端开发
|
XML JavaScript 前端开发
【前端】JavaScript(JS)的DOM对象(JS的Document对象)----什么是DOM对象?
JavaScript(JS)的DOM对象(JS的Document对象)----什么是DOM对象? Document Object Model 文档对象模型:将标记语言文档的各个组成部分,封装为对象。可以使用这些对象,对标记语言文档进行CRUD(增删改查)的动态操作。 通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。HTML DOM 模型被构造为对象的树。 提示:Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访。
189 0
【前端】JavaScript(JS)的DOM对象(JS的Document对象)----什么是DOM对象?
|
JavaScript 前端开发
Javascript知识【JS-Math对象&JS-DOM对象】
介绍了:JS-Math对象和JS-DOM对象的使用以及操作案例
Javascript知识【JS-Math对象&JS-DOM对象】
|
JavaScript 前端开发
JQuery3.0使用和js区别
JQuery3.0使用和js区别
95 0
|
JavaScript 前端开发
|
JavaScript 前端开发 设计模式