技术栈

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 容器实例
相关推荐
云水一下
4 小时前
TypeScript 从零基础到精通(五):高级类型与泛型
前端·javascript·typescript
counterxing
4 小时前
vibe coding 之后,我更不想打字了
前端·agent·ai编程
copyer_xyf
4 小时前
Python 模块与包的导入导出
前端·后端·python
研☆香
4 小时前
es6新特性功能介绍(四)
前端·ecmascript·es6
微扬嘴角
5 小时前
React篇1--JSX语法规则、组件、组件实例的3大特性
前端·react.js·前端框架
copyer_xyf
5 小时前
Python venv 虚拟环境
前端·后端·python
无聊的老谢
5 小时前
Vue 3 + TypeScript 构建大型电信运维平台的前端架构设计
前端·vue.js·typescript
xiaofeichaichai
5 小时前
Map / Set / WeakMap / WeakSet
前端·javascript
李可以量化
5 小时前
成交量的终极量化策略:价量共振指标完整实现(下篇)
前端·数据库·人工智能
copyer_xyf
6 小时前
Python 如何同时做很多事:进程、线程、协程
前端·后端·python
热门推荐
01GitHub 镜像站点02Codex 下载安装指南:Windows 和 macOS 官方版下载03【AI】2026 年具身智能模型和世界模型总结042026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf05Codex 桌面端更新后 Chrome 插件和 Computer Use 不可用,怎么排查和修复06【踩坑记录 | 第一篇】微软商店无法使用时,如何手动安装 OpenAI Codex?附`.msix`文件系统错误解决方法07CC-Switch 下载、安装与使用配置指南【2026.5.29】08CC-Switch & Claude 基于 Linux 服务器安装使用指南09Codex 接入 DeepSeek API 完整配置文档10裂开!ChatGPT 居然开始要手机号验证,附详细解决方法