別のdiv表示の下にdivを表示する

固定div要素がページの上部にあります。それは単語の数に応じて異なる高さを持つことができます。下はスクロール可能なリストです。私はリストが固定div要素の下に常に小さな距離で現れるようにしたいと思います。したがって、上限は10ピクセルになります。設定は次のとおりです。別のdiv表示の下にdivを表示する

<div fixed> 
    fixed item here 
</div> 

<div> 
    scrolling item here 
</div>

出典

2017-11-23 Adam Goldberg

これらの要素を両方とも新しい要素の中に入れ、その要素を 'position：fixed'で唯一の要素にします。問題が解決しました。 –

通常のワークフロー（[MDN]（https://developer.mozilla.org/en-US/docs/Web/CSS/position#fixed））から 'display：fixed'が削除されたため、これは不可能です。だから2番目の 'div'はそこにあることを「知っていない」。私が考えることができる唯一の方法は、Javascriptを使用して、ロードされた後の固定divの高さを判断し、それを2番目のdivの位置に追加することです。 – l3fty

これを実現するには、イオンヘッダーとイオンコンテンツを使用できます。固定ヘッダーdivをイオンヘッダーに、スクロールリストをイオン内容の中に入れます。

P.S.イオン・ヘッダーとイオン・コンテンツを必要に応じて別のイオン・コンテンツの中に入れることもできます。

出典

2017-11-23 04:53:10 SAJ

別のdiv表示の下にdivを表示する

答えて

関連する問題