Javascript 尝试将滚动功能添加到绝对div

我有一个div代表一个电子商务网站的篮子。此div是绝对定位的，当用户单击篮图标时，它会淡入屏幕。我已经取消了主页的滚动，这样当它出现在屏幕上时，唯一的焦点就是basket div

我遇到的问题是：；如果用户向篮子中添加了足够多的项目，则div将在屏幕外的视图中展开，并且用户无法向下滚动查看篮子中的所有项目。通过单击事件将项目添加到篮子中

我想把潜水舱限制在一定的高度。但由于它是一个绝对定位的元素，我不知道如何准确地添加滚动特性。我已经添加了一个parentdiv，其位置为relative，但仍然不起作用

提前感谢您的回复

代码：

#bakset容器{
位置：相对位置；
高度：400px；
溢出：滚动；
宽度：100%；
}
#篮子内容{
z指数：10000；
字号：1em；
颜色：黑色；
宽度：80%；
左：10%；
位置：绝对位置；
背景色：白色；
排名前10%；
}
#篮子容量{
显示器：flex；
边缘：2米；
证明内容：周围的空间；
垫底：0.5em；
宽度：90%；
}
#篮子内容ulli{
宽度：30%；
填充：0.2米；
文本对齐：居中；
}
#篮子标题{
字母间距：0.1米；
}
#篮子标题李{
背景色：#346b25；
填充：0.2米；
颜色：白色；
宽度：30%；
}
#篮子内容{
显示：无；
}
#购物篮内容。现在就去购物{
显示：块；
保证金：自动；
边缘底部：1.5em；
宽度：40%；
字体大小：1.1米；
}

你的购物篮

产品
数量
小计

完整订单
关窗

尝试将

计算的
最大高度
（100vh-10%）

添加到您的标识符

篮式容器

，并使用

溢出：滚动

。它应该工作得很好

#basket-container {
    max-height: calc(100vh - 10%);
    overflow: auto;
}

---

尝试将

calc的
max height
添加到标识符
basket container
，并使用
溢出：滚动
。它应该工作得很好

#basket-container {
    max-height: calc(100vh - 10%);
    overflow: auto;
}

使用
max height
属性我应该将max height属性放在哪里？在父div上？我已经这么做了，但似乎什么都没有改变。嘿，吉米，看来你的代码不是在胡闹。你能更新你的代码，以便我们能给你一个更好的解决方案。嗨，本杰明。感谢您的回复和建议。我需要注册才能使用JSFIDLE吗？我正在做这件事。请跟我说。啊，非常感谢@Haroldo_好的，这很好！！！！使用
max height
属性我应该将max height属性放在哪里？在父div上？我已经这么做了，但似乎什么都没有改变。嘿，吉米，看来你的代码不是在胡闹。你能更新你的代码，以便我们能给你一个更好的解决方案。嗨，本杰明。感谢您的回复和建议。我需要注册才能使用JSFIDLE吗？我正在做这件事。请跟我说。啊，非常感谢@Haroldo_好的，这很好！！！！