css - CSS | 固定 div 内で高さが可変のショッピング カート

Question

http://tinyurl.com/cc4qkee

右上隅にカートが表示されます。メニューが固定されていない場合は正常に機能しますが、固定されていて多くの商品をカートに入れると、下にスクロールして残りのカートを見ることができません。

JavaScript はよくわかりませんが、別のプロジェクトhttp://tinyurl.com/bljpxm4で JavaScript メソッドを使用しましたが、カートはまだ正しく動作しません。

カートを適切に機能させ、メニューを固定する方法について何かアイデアはありますか? :)

Answer 1

カート ポップアップのスタイルを変更できますか? たぶん、アイテムの数、合計などの要約にするだけです。画像を削除することもできます。これにより、より多くのスペースが得られます.

もう 1 つのアイデアは、mouseover および mouseout jquery 関数を変更して#top要素のスタイルを変更し、メニューを表示しているときに固定位置を削除することです。から 30px のパディングも削除する必要があります#header。これは少しトリッキーになるかもしれません。おそらく position: absolute を使用し、現在のスクロール バーの位置を取得してその位置に設定し、誰かが上にスクロールした場合topにスクロール バーの位置を監視して上に移動する必要があります。#topマウスアウトでは、すべてを元の状態に戻します。

3 番目のアイデアは、カート ドロップダウンの高さを設定し、overflow:auto を使用してカート領域にスクロール バーを表示することです。