0

ページを下にスクロールしたときに、ウィンドウの上部に div を修正するコードを挿入しました。この div をラッパー div 内に挿入し、両方の div の高さを 80px に設定しました。ページを下にスクロールすると、ラッパー div が静的である間に内部 div の位置が固定に変更されますが、firebugging の後、検査すると高さが縮小していることがわかりましたが、px の高さは変わりませんでした。80pxの高さを持ち、その位置が固定に変更された内側のdivである間に、外側のdivの高さを80pxのままにする方法を教えてください。

例えば：

<div id="navbarWrapper" style="height:80px;position:static">
         <div id="navbar" style="height:80px">
              <ul><li></li></ul>
         </div>
</div>

今、スクロールをキャッチするスクロールイベントがあり、それが発生したときに #navbar を固定位置にします。dom を調べると、#navbarWrapper が縮小し、#navbar pos が固定に変更されたため、取り出されましたウィンドウ内の dom 要素階層とラッパー div が縮小し、現在は空ですが、80px の高さを維持したいと考えています。

ありがとう、

4

1 に答える 1

0

特定のdivの位置を固定したい場合は、を使用position:fixed;してラッパー div を固定する必要があります。より完璧にするために、コードを共有することもできます。

于 2012-06-18T10:41:08.120 に答える