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

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