CSS：页面跳转后的页面顶部

Question

我有一个我不能修改的html页面，我所做的一切都必须用CSS完成。

我在html页面中有4个“section”标签，并且在该页面的顶部有一个导航栏。栏的每个元素都是内部链接（页面跳转）到同一页面的特定部分。

通常情况下，当我点击其中一个链接时，相应部分的第一行将显示在我的页面顶部。

但是我修改了导航栏的位置，所以它总是保持在最顶层（位置：固定）。

因此，当我点击1个部分按钮时，所选部分的第一行（以及另外1或2行）被我的导航栏覆盖...... :(

我想要的是一个解决方案，所以当我点击导航栏上的一个选项时，所选部分的第一行不会显示在屏幕顶部，而是显示在我的栏下。

如果需要某些代码，请询问具体部分，因为它足够长。

Answer 1

您是否尝试过对这些部分应用肯定padding-top，然后使用否定margin-top取消该填充？两者的值将是单击跳转长度后屏幕的截面和顶部边缘之间的所需间隙。