【javascript – scrollIntoView块vs内联】教程文章相关的互联网学习教程文章

scrollIntoView的使用实例

DOM的滚动DOM规范中并没有规定各浏览器需要实现怎样的滚动页面区域,各浏览器实现了相应的方法,可以使用不同的方式控制页面区域的滚动。这些方法作为HTMLElement类型的扩展存在,所以它能在所有元素上使用。1、scrollIntoView(alignWithTop) 滚动浏览器窗口或容器元素,以便在当前视窗的可见范围看见当前元素。如果alignWithTop为true,或者省略它,窗口会尽可能滚动到自身顶部与元素顶部平齐。-------目前各浏览器均支持2、scro...

javascript-移动Safari,scrollIntoView不起作用【代码】

我在iframe中的移动Safari上滚动到元素时遇到问题(它可在其他浏览器上使用,包括在Mac上的Safari). 我使用scrollIntoView.当所有contnet都呈现后,我想滚动.这是我的代码:var readyStateCheckInterval = setInterval(function () {if (document.readyState === "complete") {clearInterval(readyStateCheckInterval);$browser.notifyWhenNoOutstandingRequests(function () {if (cinemaName != null && eventId == null) {scrollToC...

如何使javascript scrollIntoView顺利?【代码】

在一个反应??应用程序中,我有一个方法被调用以将特定节点带入视图,如下所示.scrollToQuestionNode(id) {const element = document.getElementById(id);element.scrollIntoView(false); }滚动很好,但滚动动作有点不稳定.我怎样才能让它顺利?我没有看到任何我可以为scrollIntoView提供的选项.解决方法:这可能有所帮助. 来自scrollIntoView的MDN文档您可以传入选项而不是布尔值.scrollIntoViewOptions Optional A Boolean or an obje...

javascript – scrollIntoView块vs内联【代码】

我注意到scrollIntoView有一些新选项,因为我上次看了. 即,阻止和内联.这两者有什么区别?我猜{block:“start”}会将元素的顶部与页面顶部对齐,但我不确定这与内联有什么不同,或者你如何同时使用这两个选项?解决方法:块选项决定元素在其可滚动祖先的可见区域内垂直对齐的位置: >使用{block:“start”},元素在其祖先的顶部对齐.>使用{block:“center”},元素在其祖先的中间对齐.>使用{block:“end”},元素在其祖先的底部对齐.>...

javascript – 如何制作一个svg元素(例如矩形)scrollIntoView?【代码】

我在图表面板中有一个svg. svg中的所有节点都列在另一个面板中.我希望通过单击节点列表中的节点,svg可以滚动到该节点.每个节点都是一个矩形.但我发现只有上边框在视图中,而节点的其余部分仍然在视图之外.有什么方法可以解决这个问题吗? (Javascript或Extjs) 这是我的代码:function selectRectangle(Id){var ele = Ext.get(Id);ele.scrollIntoView(Ext.get('graph-panel-body'), true);}解决方法:问题是你试图滚动视图的SVG元素可...

SCROLLINTOVIEW - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部