<div class="footer" @click="returnTop">

methods:{
  returnTop:function(){
    document.querySelector("#header").scrollIntoView(true);
  }
}
 

document.querySelector("要返回地方的id").scrollIntoView(true);

如果滚动页面也是DOM没有解决的一个问题。为了解决这个问题,浏览器实现了一下方法,

以方便开发人员如何更好的控制页面的滚动。在各种专有方法中,HTML5选择了scrollIntoView()  作为标准方法。

scrollIntoView()可以在所有的HTML元素上调用,通过滚动浏览器窗口或某个容器元素,

调用元素就可以出现在视窗中。如果给该方法传入true作为参数,或者不传入任何参数,那么 窗口滚动之后会让调动元素顶部和视窗顶部尽可能齐平。如果传入false作为参数,调用元素会尽可能全部出现在视口中(可能的话,调用元素的底部会与视口的顶部齐平。)不过顶部不一定齐平

最新文章

  1. node服务的监控预警系统架构
  2. 统一事件源epoll代码示例
  3. 动作-CCActionInterval之CCAnimation&CCAnimate
  4. php curl 抓取内容
  5. jeecg项目子窗口获得父窗口元素id
  6. 团队作业8——第二次项目冲刺(Beta阶段)日志集合处
  7. java juint框架的windows自动化-自动运行juint程序简述
  8. Shell命令-文件及内容处理之cut、rev
  9. OpenStack-Neutron-Fwaas-代码【一】
  10. 1.初步认识TypeScript
  11. web前端开发浅析
  12. canvas版《俄罗斯方块》
  13. 逻辑回归(LR)和支持向量机(SVM)的区别和联系
  14. Delphi的idhttp报508 Loop Detected错误的原因
  15. python数据分析的工具环境
  16. AOP通知无法切入指定方法
  17. mysql错误errno:121
  18. 转:js中javascript:void(0) 真正含义
  19. CocoaPods详解之----使用篇
  20. iptables 实际操作 之 规则查询 2

热门文章

  1. 解决使用git出现 The file will have its original line endings in your working directory
  2. Codeforces Hello2020 A-E简要题解
  3. Vue中父组件向子组件echarts传值问题
  4. C++-POJ1020-Anniversary Cake[搜索][dfs]
  5. 1.Java多线程之wait和notify
  6. 【转载】在windows下使用gcc编译jni的简单教程
  7. 扩展欧几里得求解同余方程(poj 1061)
  8. jmeter的使用---JDBC
  9. jquery动画系统
  10. 概率 lightoj 1027