vue中,实现锚点定位及跳转(url不发生变化)
2024-09-05 11:48:17
<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作为参数,调用元素会尽可能全部出现在视口中(可能的话,调用元素的底部会与视口的顶部齐平。)不过顶部不一定齐平
最新文章
- node服务的监控预警系统架构
- 统一事件源epoll代码示例
- 动作-CCActionInterval之CCAnimation&CCAnimate
- php curl 抓取内容
- jeecg项目子窗口获得父窗口元素id
- 团队作业8——第二次项目冲刺(Beta阶段)日志集合处
- java juint框架的windows自动化-自动运行juint程序简述
- Shell命令-文件及内容处理之cut、rev
- OpenStack-Neutron-Fwaas-代码【一】
- 1.初步认识TypeScript
- web前端开发浅析
- canvas版《俄罗斯方块》
- 逻辑回归(LR)和支持向量机(SVM)的区别和联系
- Delphi的idhttp报508 Loop Detected错误的原因
- python数据分析的工具环境
- AOP通知无法切入指定方法
- mysql错误errno:121
- 转:js中javascript:void(0) 真正含义
- CocoaPods详解之----使用篇
- iptables 实际操作 之 规则查询 2
热门文章
- 解决使用git出现 The file will have its original line endings in your working directory
- Codeforces Hello2020 A-E简要题解
- Vue中父组件向子组件echarts传值问题
- C++-POJ1020-Anniversary Cake[搜索][dfs]
- 1.Java多线程之wait和notify
- 【转载】在windows下使用gcc编译jni的简单教程
- 扩展欧几里得求解同余方程(poj 1061)
- jmeter的使用---JDBC
- jquery动画系统
- 概率 lightoj 1027