CSS：页面跳转后的页面顶部
我有一个不能修改的 html 页面，并且我所做的一切都必须使用 CSS 完成。
我在 html 页面中有 4 个“section”标签，在该页面的顶部有一个导航栏。该栏的每个元素都是指向同一页面特定部分的内部链接（页面跳转）。
通常，当我单击其中一个链接时，合适部分的第一行将出现在我的页面顶部。
但我修改了导航栏的位置，因此它将始终保持在顶部（位置：固定）。
因此，当我单击 1 个部分按钮时，所选部分的第一行（以及 1 或 2 行）将被我的导航栏覆盖...:(
我想要的是一个解决方案，所以当我单击一个选项时如果我的导航栏，则所选部分的第一行不会出现在屏幕顶部，而是出现在我的导航栏下方。
如果需要某些代码，请询问具体部分，因为它足够长。
I have an html page that i must not modify, and everything i do it must be done with CSS.
I hava 4 "section" tags in the html page, and on the top of that page there is a navigation bar. Each element of the bar is an internal link (page jump) to a specific section of the same page.
Normally, when i click on one of these links, the first row of the suitable section will appear on top of my page.
But i have modified the position of the navigation bar, so it will always stay on top (position:fixed).
So when i click on 1 section button, the first row (and 1 or 2 more rows) of the chosen section, are covered by my navigation bar ... :(
What i want is a solution, so when i click one option on my navigation bar, then the first rows of the selected section will not appear on the top of the screen, but just under my bar.
If some code is necessary, please ask specific parts, because it is long enough.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您是否尝试过对各部分应用正的
padding-top，然后使用负的margin-top取消该填充？两者的值都是单击跳跃长度后该部分与屏幕顶部边缘之间所需的间隙。Have you tried applying a positive
padding-topto the sections, and then canceling out that padding with a negativemargin-top? The value of both would be the desired gap between the section and the top edge of the screen after clicking the jump length.