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”。


相关文章
|
3月前
|
JavaScript 前端开发
js,jq,jquery删除css属性
js,jq,jquery删除css属性
28 0
|
3月前
|
JavaScript 前端开发
JS中document.querySelector什么意思
JS中document.querySelector什么意思
41 0
|
4月前
|
JavaScript
vue中使用js-doc
vue中使用js-doc
50 0
|
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 属性对其进行访。
153 0
【前端】JavaScript(JS)的DOM对象(JS的Document对象)----什么是DOM对象?
Hammer.js分析(三)——input.js
input.js是所有input文件夹中类的父类,浏览器事件绑定、初始化特定的input类、各种参数计算函数。 Input父类和其子类就是在做绑定事件,各种参数计算、整合、设置等返回自定义事件对象,交给识别器的相关对象使用。
Hammer.js分析(三)——input.js
|
JavaScript 前端开发
|
JavaScript 前端开发
|
JavaScript 容器 Java