首页 > 编程知识 正文

vetements,element pagination

时间:2023-05-05 03:54:17 阅读:36265 作者:2688

Element.scrollIntoView()方法可在浏览器窗口的显示区域中滚动当前元素。

1 .语法element.scrollIntoView (; //Boolean类型参数//element.scrollintoview(true )与element.scrollintoview (aligntotop )相同//Object类型参数2 .参数alignToTop选项

布尔值:

如果为true,则元素的上边缘与滚动区域可见区域的上边缘对齐。 对应的scrollintoviewoptions 3360 { block : ' start ',inline: 'nearest'}。 这是此参数的默认值。 如果为false,则元素的下边缘与滚动区域显示区域的下边缘对齐。 对应的scrollintoviewoptions 3360 { block : ' end ',inline: 'nearest'}。 scrollIntoViewOptions选项

包含以下属性的对象:

behavior选项

定义动画效果。 可以是“自动”或“智能”。 默认值为“自动”。

块是可选的

定义垂直对齐、“开始”、“中心”、“结束”或“结束”。 默认值为“开始”。

在线选项

定义水平对齐、“开始”、“中心”、“结束”或“新建”。 默认值为“nearest”。

3 .示例var element=document.getelementbyid (' box ); element.scrollIntoView (; element.scrollintoview(false; element.scrollintoview ({ block : ' end ' }; element.scrollintoview ({ behavior : ' smooth ',block: 'end ',inline: 'nearest'}; 4 .请注意,根据其他元素的布局,此元素不会完全向上或向下滚动。

5 .浏览器兼容性

【参考资料】: https://developer.Mozilla.org/zh-cn/docs/web/API/element/scrollintoview

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。