TryCoding.FunTryCoding.Fun
  • 文章
  • 项目
  • 归档
  • 关于
搜索... ⌘K
Home Work Blog Projects
返回博客

JS 实现锚点跳转

使用 JavaScript 实现网页锚点跳转,无需使用 a 标签。

全部 前端 (393) 运维 (77) 技术 (71) 后端 (25) 数据库 (10) 生活 (1)
2021年11月2日
Mt.r
|
#JavaScript

hrml 可以用 a 标签跳转到锚点位置,但是想用 js 控制跳转。

<a href="#anchor">跳转到 div</a>
<div id="anchor">我是 div</div >
function clickAnchor(){
  let el = document.querySelector('anchor');
  document.body.scrollTop = el.offsetTop;
  document.documentElement.scrollTop = el.offsetTop;
}
上一篇
Elasticsearch 使用笔记及踩坑指南
记录 CentOS 7 系统上安装 Elasticsearch 的步骤、启动方法、常见问题排查(如内存配置、数据重复导入)以及常用的命令行操作和 Node.js API 使用示例。此外,包含中文分词优化建议及相关资源链接。
下一篇
Linux tar 命令使用教程
Linux 系统下 tar 命令的详细使用方法,包括压缩、解压、查看 tar 包内容等操作,以及各个参数的解释。

分类

全部文章 577 前端 393 运维 77 技术 71 后端 25 数据库 10 生活 1

热门标签

#JavaScript #Vue #Linux #CSS #Go #CentOS #React #Nginx #Git #HTML #iOS #Mac #MySQL #Jenkins #TypeScript #Python #Docker #C #Webpack #数据库
Trycoding.fun
© 2025 版权所有 京ICP备19000129号-4
文章 项目 归档 关于 GitHub