技术栈

css锚点跳转导致被顶部元素挡住内容

磐石BedRock2023-11-09 14:47

https://blog.csdn.net/xcxwd/article/details/125991703

html 复制代码
<style>
html {
    scroll-padding-top: 60px;  /* 控制a标签锚点距离顶部距离 */
    scroll-behavior: smooth; /* 平滑滚动 */
}
</style>
上一篇:JavaScript的垃圾回收原理:管理内存的关键
下一篇:Kubernetes开发指南(4) - Sidecar 容器实例
相关推荐
柒.梧.
6 分钟前
HTML入门指南:30分钟掌握网页基础
前端·javascript·html
用户5427784851540
8 分钟前
Promise :从基础原理到高级实践
前端
用户409932250212
11 分钟前
Vue3条件渲染中v-if系列指令如何合理使用与规避错误?
前端·ai编程·trae
Mr_Swilder
14 分钟前
2025-12-20 vue3中 eslint9+和prettier配置
前端
code_YuJun
16 分钟前
脚手架开发工具——判断文件是否存在 path-exists
前端
code_YuJun
16 分钟前
脚手架开发工具——root-check
前端
用户5427784851540
17 分钟前
XMLHttpRequest、AJAX、Fetch 与 Axios
前端
打小就很皮...
24 分钟前
React 实现富文本(使用篇&Next.js)
前端·react.js·富文本·next.js
智算菩萨
1 小时前
实战:高级中文自然语言处理系统的Python设计与实现
前端·javascript·easyui
远山无期
1 小时前
解决Tailwind任意值滥用:规范化CSS开发体验
前端·css·eslint
热门推荐
01GitHub 镜像站点02UV安装并设置国内源03Linux下V2Ray安装配置指南04安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)05在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)06RedissonClient的配置解析07BongoCat - 跨平台键盘猫动画工具08jdk21下载、安装(Windows、Linux、macOS)09Open-AutoGLM Windows 安装部署教程10Labelme从安装到标注:零基础完整指南