CSS |あなたは右上corner.Ifメニューでカートを見ることができます

Question

http://tinyurl.com/cc4qkee

固定divの内側の高さが可変でショッピングカートは、それが正常に動作しますが、それが固定されていた場合、あなたがカート内の製品の多くを入れて固定されていません下にスクロールして残りのカートを見ることができます。

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

カートを正しく動作させる方法や、メニューを固定する方法に関するアイデアはありますか？ :)

Answer 1

カートのポップアップのスタイルを変更できますか？たぶん、アイテム数、合計数などのサマリーにすることもできます。イメージを削除してみることもできます。そうすれば、さらに多くのスペースが得られます。

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

第3の考え方は、カートの高さを下に設定し、overflow：autoを使用してカート領域のスクロールバーを与えることです。