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


相关文章
|
5月前
|
JavaScript 前端开发 索引
学习了解JS的classlist
学习了解JS的classlist
39 0
|
5月前
|
JavaScript 前端开发
JS中document.querySelector什么意思
JS中document.querySelector什么意思
91 0
|
6月前
|
JavaScript
vue中使用js-doc
vue中使用js-doc
60 0
|
JavaScript 前端开发 索引
深入学习js的classList
深入学习js的classList
146 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 属性对其进行访。
162 0
【前端】JavaScript(JS)的DOM对象(JS的Document对象)----什么是DOM对象?
|
JavaScript 前端开发
Javascript知识【JS-Math对象&JS-DOM对象】
介绍了:JS-Math对象和JS-DOM对象的使用以及操作案例
Javascript知识【JS-Math对象&JS-DOM对象】
|
JavaScript 前端开发
JavaScript 技术篇-js获取document的几种方式,js获取dom元素的常用方法。
JavaScript 技术篇-js获取document的几种方式,js获取dom元素的常用方法。
738 0
JavaScript 技术篇-js获取document的几种方式,js获取dom元素的常用方法。
|
JavaScript 前端开发
|
Web App开发 JavaScript 前端开发
day03_js学习笔记_03_js的事件、js的BOM、js的DOM
day03_js学习笔记_03_js的事件、js的BOM、js的DOM ============================================================================= ===================================...
1547 0