极客观点
项目管理
HarmonyOS
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="static/library/mdb/3.10.2/css/mdb.min.css">
</head>
<body>
<nav id="common-nav" class="navbar sticky-top navbar-expand-lg navbar-light bg-light">
<div class="box-container container">
<button class="navbar-toggler" type="button" data-mdb-toggle="collapse"
data-mdb-target=".collapse-content">
<i class="icon bi bi-list"></i>
</button>
<div class="collapse-content collapse navbar-collapse justify-content-between">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="#link1">链接1</a></li>
<li class="nav-item"><a class="nav-link" href="#link2">链接2</a></li>
<li class="nav-item"><a class="nav-link" href="#link3">链接3</a></li>
</ul>
</div>
</div>
</nav>
<main>
<section id="link1">
<div style="height: 100vh;">content1</div>
</section>
<section id="link2">
<div style="height: 100vh;">content2</div>
</section>
<section id="link3">
<div style="height: 100vh;">content3</div>
</section>
</main>
<script src="static/library/mdb/3.10.2/js/mdb.min.js"></script>
</body>
</html>
给section设置内外边距可以解决, 但我认为是很不合理的
不要修改标签的结构, 我希望能都调整链接跳转位置
我再bootstrap文档上找不到对这一步的封装操作, 有没有什么办法, 默认让跳转的位置(或者说是滚动条位置) -= 10 vh?