position: fixedCSS がサポートしていないのは知っていxますyが、両方を同時にサポートしているわけではありません。
これを解決するための一般的なアプローチは、jquery と組み合わせて固定配置を使用して、固定されていない軸のスクロール量に対してコンポーネントを再配置することです。これの欠点は、この方向にスクロールするときにコンポーネントが大幅に遅れることです。
私の質問は、これが CSS の将来の仕様で検討されている問題であるかどうかです。誰でも知っていますか？
fixed-xand andfixed-yポジショニング値が必要だと思います。
これは特に、両方の次元でのスクロールがより一般的なタッチ デバイスで問題になりつつあります。
ここにフィドルがあります：
これは私が求めているものを示していますが、実際の問題ではありません。これは、この非常に小さな例が現在のように非常に高速であるためです。
アップデート
CSS EDから:
スティッキーに配置された要素とスティッキー制約の長方形の底部との交点は、あらゆる方向への移動を制限するため、オフセットによって、スティッキーに配置された要素が含まれるブロックの外に押し出されることはありません。ただし、ページがスクロールされたときに要素が含まれるブロック内で自由に移動できる場合、要素は固定位置の要素と同様に、関連するフロー ルート エッジに固定されているように見えます。
これは私が欲しいものを説明していると思いますが、よくわかりません...
更新 2
私のアプリを明確にするために、基本的には x と y の両方にスクロール オーバーフローがあるグリッドです (Excel のように)。私が望むのは、スクロールしてビューから外れたときに、ラベルが一方向の端にくっつくと同時に、反対方向の通常の流れにとどまるということです。これは、fixed-x/flow-y と fixed-y/flow-x の両方に必要です。そして再び問題: ラベルがたくさんあると、jquery ソリューションを使用するとスクロールが非常に遅くなります。コンポーネントを 1 つの次元でのみ固定し、別の次元でフローするというオプションが欠けていると思います。多分私はこれを望んでいる唯一の人です=）