CSS |固定 div 内可变高度的购物车

Question

http://tinyurl.com/cc4qkee

您可以在右上角看到一个购物车。如果菜单没有固定，它工作正常，但如果它是固定的，并且您在购物车中放了很多产品，您将无法向下滚动以查看购物车的其余部分。

我不太了解javascript，但我在另一个元素中使用了javascript方法http://tinyurl.com/bljpxm4并且购物车仍然无法正常工作。

关于如何使购物车正常工作并具有固定菜单的任何想法？ :)

Answer 1

您可以更改购物车弹出窗口的样式吗？也许只是将它作为元素数量、总数等的摘要。您也可以尝试删除图像，这会给您更多的空间。

另一个想法是修改您的 mouseover 和 mouseout jquery 函数以更改 #top 元素的样式，以在显示菜单时删除固定位置。您还必须从 #header 中删除 30px 的填充。这可能会有点棘手。您可能必须使用 position: absolute，获取当前滚动条位置，将 top 设置为该位置，并监视滚动条位置以向上移动 #top 以防有人向上滚动。在 mouseout 上，您会将所有内容设置回原来的状态。

第三个想法是设置下拉购物车的高度，并使用 overflow:auto 在购物车区域提供滚动条。