实现搜索聊天记录后，点击查看上下文，跳转到对应信息位置

前言

在微信聊天记录搜索时，会有查看上下文，点击后，跳到对应的消息位置

1. 实现

可采用scrollIntoView（）方法进行锚点跳转

2. 介绍scrollIntoView属性

scrollIntoView()方法将调用它的元素滚动到浏览器窗口的可见区域。

PS：根据其他元素的布局，元素可能无法完全滚动到顶部或底部。
Tips：页面（容器）可滚动时才有用！

• 语法

element.scrollIntoView（）; // 等同于element.scrollIntoView(true)
element.scrollIntoView（alignToTop）; //布尔参数
element.scrollIntoView（scrollIntoViewOptions）; //对象参数

• 语法参数
  
• 常用场景

1. 聊天窗口滚动显示最新的消息

2. 往一个列表添加item后滚动显示最新的添加的item

3. 回到顶部(#)

4. 滚动到指定位置(#xxx)