CSS |固定格內不同高度的購物車

Question

http://tinyurl.com/cc4qkee

你可以看到在右上角corner.If菜單車是不固定的，它工作正常，但如果它是固定的，你投入了大量的產品，在購物車你不能向下滾動查看購物車的其餘部分。

我不太瞭解javascript，但是我在另一個項目http://tinyurl.com/bljpxm4中使用了JavaScript方法，但購物車仍無法正常工作。

有關如何讓購物車正常工作並擁有固定菜單的任何想法？ :)

Answer 1

你可以改變你的購物車彈出窗口的樣式？也許只是把它作爲項目總數，總數等的總結。你也可以嘗試刪除圖像，這會給你更多的空間。

另一個想法是修改您的鼠標懸停和鼠標移出jquery功能，以改變#top元素的樣式，以便在顯示菜單時移除固定位置。您還必須從#header中刪除30px填充。這可能會有點棘手。您可能必須使用position：absolute，獲取當前的滾動條位置，將其設置爲top，並監視滾動條位置，以便在某人向上滾動時移動#top。在鼠標懸停的情況下，您可以將所有事情都恢復到原樣。

第三個想法是設置購物車下拉的高度，並使用overflow：auto爲您提供購物車區域中的滾動條。