DIV 要素を固定したいのですが、画面のサイズが変更されたときに親の DIV に関連して、親が移動/サイズ変更されると固定された DIV が移動するため、ページを下にスクロールするとその位置に固定されます。cssで位置固定を使用する場合は、画面全体に相対的に固定されるため、固定divの位置は画面のサイズに相対的になります。私が望むのは、ページをスクロールしてもDIVを画面のその場所に固定または留まらせることですが、その位置は親のDIVコンテナーに対して相対的になります。CSS/Javascript/jqueryでそれを行う方法はありますか?
注: 効果は、ページをスクロールしたときに DIV が移動しない位置:固定のようにする必要があります。
どんな答えでも大歓迎です。