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


相关文章
|
6月前
|
缓存 JavaScript API
js【详解】DOM
js【详解】DOM
41 0
|
XML JavaScript 前端开发
js的DOM【了解一下】
js的DOM【了解一下】
77 1
|
存储 移动开发 JavaScript
JS——DOM
JS——DOM
|
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 属性对其进行访。
174 0
【前端】JavaScript(JS)的DOM对象(JS的Document对象)----什么是DOM对象?
|
JavaScript
js-day11Dom
DOM文档对象模型 01.js组成: ​ ECMAScript BOM DOM
|
JavaScript 前端开发
|
JavaScript 前端开发
Js DOM学习笔记--回顾
      去年寒假在家看完了JavaScpript DOM这本书 刚清理电脑资料的时候发现了这个学习笔记资料 就顺便上传了 如有错误 一起交流 ,一起进步 前半部分摘自 W3school 还可以直接参考 http://www.w3school.com.cn/htmldom/index.asp 下面分割线后为dom学习笔记 JS和DOM关系 js 即 JavaScript ,是一种网页脚本语言,可以在网页上实现一些动态效果。
1352 0
|
Web App开发 JavaScript 前端开发
day03_js学习笔记_03_js的事件、js的BOM、js的DOM
day03_js学习笔记_03_js的事件、js的BOM、js的DOM ============================================================================= ===================================...
1555 0
|
JSON JavaScript 前端开发

热门文章

最新文章