Html 滚动具有固定位置和指定顶部属性的内容，将删除最后一部分

例如： 我试图使移动导航，必须放在标题下。但如果我要指定下一个属性：

.list {
   top: 50px;
   overflow-y: scroll;
 }

缺少内容的最后50px，因为top属性不是零。我试图使外部div的顶部填充为50px，但在本例中，滚动显示在标题区域，这不是预期的行为。 我们可以指定最后一个子列表的边距底部，这有助于：

.item:last-child {
    margin-bottom: 50px;
}

但这就是诀窍，我正试图找到更好的解决办法。 我发现了这个问题，但我需要一些不同的东西。当用户单击导航按钮时，我的标题必须固定，导航菜单必须从右侧滑动

编辑：新示例

您的.list的高度为：100vh，因此无论其位置如何，它都将占据屏幕高度的100%

一种解决方案是将列表高度设置为

calc（100vh-50px）

。我编辑了这本书

---

calc函数允许您在指定css属性时执行计算。更多信息。

给标题一个固定的位置，一个高度和一个宽度，别忘了给它一个z索引…然后你在下面的导航应该很好，我可以给它更多的建议，你需要我35;干杯

我喜欢这个解决方案，它工作得很好。但只有一个问题，IE是否支持计算函数根据，它部分由IE9+支持，这意味着它在许多用例中不起作用。我认为你的案子没有问题。试一试。如果它是绝对的、相对的或固定的，其他具有更高z索引的浮动元素将显示在用户附近，给标题一个更高的z索引将使所有浮动元素在其下滚动。