我无意中在一个博客上看到他说没有时间在vue上实现返回头条的效果，看到有人在用这个方法
scrollIntoView是元素附带的方法，实际上是滚动到视图区域，以便从方法名称中可以看到，但实际上是滚动到用户可视化区域
关于向上滚动，向下滚动，还是向中间滚动，我们自己说了。
看看其他几个博客文档，很多人都在说明用这种方法回到头条或者跳转到指定页面。 老实说，博主以前听说过这种方法，但有时会回到头条，有时会跳到指定页面
然后我去搜索了
从兼容性来看，你会发现这个方法并不简单，不过还可以吧。 你还记得该用什么方法加浏览器前缀吗
http://www.Sina.com/http://www.Sina.com /
scrollIntoView接受布尔值true作为参数。 向上滚动。 false滚动到底部
另一个参数是
scrollIntoViewOptions选项此参数兼容，请小心使用
具有以下属性的对象：
behavior选项
定义动画效果。 可以是“自动”或“智能”。 默认值为“自动”。
块是可选的
定义垂直对齐、“开始”、“中心”、“结束”或“新建”。 默认值为“开始”。
在线选项
定义水平对齐、“开始”、“中心”、“结束”或“新建”。 默认值为“nearest”。
做个实验吧
！ doctypehtmlhtmllang=' en ' headmetacharset=' utf-8 ' metaname=' viewport ' content=' width=device-width，initi a bottom: 30px； (} /style/)/headbodydivloremipsumdolorsitametconsecteturadipisicingelit.cupiditatesaepeenimnulllanovidentquaeratttior Iste sint sit blanditiis eaque？ brbrbrbrbrbrbrbrbrbrloremipsumdolorsitametconsecteturadipisicingelit.undeeligendivitaedolorumplaceatharumsolutanihil minulite fugaexplicabooptio.dolorumutmagnamlaborumexercitationem？ Non，distinctioaccusamus.loremipsumdolorsitametconsecteturadipisicingelit.cupiditatesaepeenimnulllanovidentquaeratetetelit Iste sint sit blanditiis eaque？ brbrbrbrbrbrbrbrbrbrloremipsumdolorsitametconsecteturadipisicingelit.undeeligendivitaedolorumplaceatharumsolutanihil minulite fugaexplicabooptio.dolorumutmagnamlaborumexercitationem？ Non，distinctioaccusamus./divdivclass=' bottom ' style=' height 336020 px； border :1 px固态# f00； '/div button class='top '单击/buttondivloremipsumdolorsitametconsecteturadipisicingelit.cupiditatesaepeenimnullanobisprovidentquaeratttempore.adipiscivolole Iste sint sit blanditiis eaque？ brbrbrbrbrbrbrbrbrbrloremipsumdolorsitametconsecteturadipisicingelit.undeeligendivitaedolorumplaceatharumsolutanihil minulite fugaexplicabooptio.dolorumutmagnamlaborumexercitationem？ Non，distinctioaccusamus.loremipsumdolorsitametconsecteturadipisicingelit.cupiditatesaepeenimnulllanovidentquaeratetetelit Iste sint sit blanditiis eaque？ brbrbrbrbrbrbrbrbrbrloremipsumdolorsitametconsecteturadipisicingelit.undeeligendivitaedolorumplaceatharumsolutanihil minulite fugaexplicabooptio.dolorumutmagnamlaborumexercitationem？ Non，distinctioaccusamus./divscriptvarbtn=document.query selector ('.top ' )； BTN.addeventlistener('click '，function ) ) var element=document.query selector (.bottom ) ) element.scrollintor