html锚点定位【进入页面某个元素需要出现在可视区】

jarry.liu

于 2023-09-01 17:14:54 发布

阅读量191

点赞数

分类专栏： JS专区文章标签： html 锚点定位

本文链接：https://blog.csdn.net/lsfhack/article/details/132627916

版权

66 篇文章 0 订阅

订阅专栏

element.scrollIntoView();

只需要把要展示的元素执行以下这个js就可以咯，简单；

当然他还有一些其他用法：

element.scrollIntoView(alignToTop); // Boolean 型参数
element.scrollIntoView(scrollIntoViewOptions); // Object 型参数

alignToTop：它是一个 Boolean 值，它用来规定元素出现在可视区后与可视区的对齐方式，为 true 代表顶端对齐，false 代表低端对齐。
scrollIntoViewOptions：它是一个对象，该参数主要是配置元素的动画效果以及位置的，它有一下 3 个属性：
- behavior：它定义元素出现在可视区内过程的动画，有 auto 和 smooth 两种选择。
- block：定义元素的垂直方向的对齐方式，有"start", "center", "end", 或 "nearest" 4 个选项，默认 start。
- inline：定义元素水平对齐方式，有"start", "center", "end", 或 "nearest"4 个选项，默认"nearest"。