スクロール可能なdiv内にポップアップレイヤー

Question

私はナッツを運転している問題があります。私はスクロール可能なdivの中にgridviewを持っています。グリッドビューのヘッダーをクリックすると、フィルタリングオプション付きの小さなオーバーレイdiv（z-index：10）が表示されます。

問題は、親divの水平スクロールバーを移動すると、フィルタリングdivも動くことです。

いつもヘッダー列の下に置かれるように「釘付け」する方法は？その位置を更新するためにJavaScriptを使用すべきか、それともCSSで行うことができますか？

何か助けていただければ幸いです。おかげさまで

Answer 1

これはコードを見ることなく難しいですが、一般的に位置を追加します：親要素に対して相対位置を追加し、子要素に絶対位置を追加して親要素内に「釘付け」されます。

もちろん、top：-pxとleft：-pxを使用して要素内の位置の値を設定します。