0

フローティング バーのあるページを作成しました。問題は、スクロールバーを右側に移動すると、フローティングボトムバーが最終的には下にあるのにぎくしゃく動くことです。

背景のボディ画像を削除するか、overflow:autofor を削除して、ぎくしゃくした動きを修正しようとしましたcontainer-msg。それは機能しますが、それらをオンにする必要があります。この動きをスムーズにするにはどうしたらよいでしょうか？

HTML は次のとおりです。

<body style="background:#cfe1ed url(bg.jpg) repeat-x fixed;margin: 0;padding: 0;text-align: center;color: #404040;font-family: Tahoma, Geneva, sans-serif;font-size: 12px;">
<div id="container-msg" style="width: 900px;min-height: 500px;border: 0;overflow:auto;text-align: left;margin: 0 auto 0 auto;background:#FFF;">
  <p>h</p>
  <p>dfh</p>
  <p>h</p>
  <p>fg</p>
  <p>hf</p>
  <p>h</p>
  <p>g</p>
  <p>dfg</p>
  <p>dfh</p>
  <p>fg</p>
  <p>hfg</p>
  <p>h</p>
  <p>fgh</p>
  <p>fgh</p>
  <p>gfh</p>
  <p>fh</p>
  <p>dg</p>
  <p>h</p>
  <p>dfh</p>
  <p>h</p>
  <p>fg</p>
  <p>hf</p>
  <p>h</p>
  <p>g</p>
  <p>dfg</p>
  <p>dfh</p>
  <p>fg</p>
  <p>hfg</p>
  <p>h</p>
  <p>fgh</p>
  <p>fgh</p>
  <p>gfh</p>
  <p>fh</p>
  <p>dg</p>
  <p>h</p>
  <p>dfh</p>
  <p>h</p>
  <p>fg</p>
  <p>hf</p>
  <p>h</p>
  <p>fghf</p>
  <p>h</p>
</div>
<div id="music" style=" background:#CCC;display:block;position:fixed;height:35px;width:500px;bottom:0px;margin-left:auto;margin-right:auto;
">
</div>

</body>
4

1 に答える 1

0

完全に正常に動作しているようです。ただし、必ず有効な doctype を追加してください。それ以外の場合、position:fixed は IE7 では機能しません。IE6 の場合、小さな JavaScript コードを記述して、毎回下に移動する必要があります。

于 2009-08-25T06:02:10.593 に答える