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 前端开发
js,jq,jquery删除css属性
js,jq,jquery删除css属性
11 0
|
16天前
|
JavaScript 前端开发
JS中document.querySelector什么意思
JS中document.querySelector什么意思
13 0
|
2月前
|
JavaScript 前端开发
JS中的typeof
`typeof`操作符在JavaScript中用于检测变量的数据类型。然而,它并非总是完全准确,如:数组和null被错误地标记为'object',NAN是'number',Symbol是'function',而Array也是'function'。注意`undefined`返回'undefined'。
|
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 属性对其进行访。
142 0
【前端】JavaScript(JS)的DOM对象(JS的Document对象)----什么是DOM对象?
|
JavaScript 前端开发 Go
js获取不到DOM元素,为null
js获取不到DOM元素,为null
|
JavaScript 前端开发
|
Web App开发 JavaScript iOS开发

热门文章

最新文章