我有一个不能修改的html页面,我所做的一切都必须用CSS完成。
我在 html 页面中有 4 个"部分"标签,在该页面的顶部有一个导航栏。栏的每个元素都是指向同一页面特定部分的内部链接(页面跳转)。
通常,当我单击其中一个链接时,相应部分的第一行将出现在我的页面顶部。
但是我已经修改了导航栏的位置,因此它将始终保持在顶部(位置:固定)。
因此,当我单击 1 个部分按钮时,所选部分的第一行(以及 1 或 2 行)被我的导航栏覆盖...... :(
我想要的是一个解决方案,所以当我单击导航栏上的一个选项时,所选部分的第一行将不会出现在屏幕顶部,而是出现在我的栏下方。
如果需要某些代码,请询问特定部分,因为它足够长。
您是否尝试过对部分应用正padding-top
,然后用负margin-top
取消该填充?两者的值都是单击跳转长度后部分和屏幕顶部边缘之间的所需间隙。