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

Question

http://tinyurl.com/cc4qkee

您可以在右上角看到一个购物车。如果菜单未修复，它可以正常工作，但如果它已修复并且您将大量产品放入购物车，您将无法向下滚动查看购物车的其余部分。

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

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

Answer 1

您可以更改购物车弹出窗口的样式吗？也许只是将其汇总为项目数、总数等。您也可以尝试删除图像，这将为您提供更多空间。

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

第三个想法是设置购物车下拉的高度，并使用溢出：自动在购物车区域为您提供滚动条。