Javascript 锚定到一个div，到达div上方的一个点，以便固定收割台

我有一个固定的标题在我的网站上，并试图锚定到页面上的不同部分

页面将滚动到锚定div从屏幕顶部开始为0px的位置，但是，使用固定的标题，这意味着锚定div的一半现在隐藏在其后面

请参见此示例：

#已修复{
位置：固定；
顶部：0px；
背景色：#333；
}
div{
宽度：100%；
高度：150像素；
边框：1px实心#333；
}
导航{
边缘顶部：150px；
}

1.
2.
3.
4.
5

编辑： 给每个div一个类，然后将以下css添加到此类：

.classname {
   padding-top: 150px;
   margin-top: -150px;
}

---

将padding top添加到正文中，其值等于固定标题的高度：body{padding top:150px；}您好，谢谢您的回答，不幸的是，这不会起作用，因为它仍然会滚动到正文中我希望在标题后面隐藏div的部分