技术栈

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 容器实例
相关推荐
石小石Orz
5 小时前
我发现了开发者AI产品营收的新方向
前端·虚拟现实
老马识途2.0
5 小时前
关于跨域问题的总结
java·前端
别惊醒渔人
7 小时前
Vue3 Diff 优化:最长递增子序列 LIS
前端·javascript·vue.js
颜酱
7 小时前
07 | 把字段与指标同步到 Qdrant(生成阶段)
前端·人工智能·后端
用户05954017446
7 小时前
把AI长期记忆测试从手动验证换成pytest,2天揪出11个隐藏Bug
前端·css
lichenyang453
8 小时前
从 Vite 空项目到 AIGC 图片工作台:我如何打通生图、任务轮询、生成库与 Canvas 动态特效
前端·人工智能
泡沫冰@
9 小时前
上章节中文件的讲解
前端·网络·nginx
进击的丸子
9 小时前
APP人脸识别增值版Harmony Demo实操与关键代码解析
前端·程序员·harmonyos
a111776
9 小时前
唯美花朵风格的黑胶唱片音乐播放器
前端·css·css3
Hilaku
10 小时前
工作 5 年后,决定你薪资上限的究竟是什么?
前端·javascript·程序员
热门推荐
01GitHub 镜像站点02如何新建文件夹? 电脑新建文件夹的4种方法032026年7月AI圈大地震:GPT-5.6被政府限制、Claude入驻Slack、Anthropic自研芯片04国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)05AI科技热点日报 | 2026年07月01日062026 国产 AI 大模型横评:DeepSeek、通义千问、Kimi、文心一言、星火、豆包谁更能打?07AI 编程 IDE 全景解析 2026:Agent 全面接管开发链路08微信历史版本含下载地址( Windows PC | 安卓 | MAC )及设置微信不更新09幻兽帕鲁 - 服务器管理员权限与 GM 命令完全指南10Agnes AI 免费 API 接入指南:文本、生图、生视频,一套接口全免费