相対的に配置された親に設定されているコンテナーにスタックしている要素がいくつかあります。これらの要素には、カスタム ツール ヒントを追加する必要があります。ツールヒントは、相対要素の外側にある固定位置の要素です。そのため、固定要素がウィンドウで動作しようとするときに、問題の要素の親要素に基づいてオフセットを設定すると、そのオフセットにより、必要な要素の下に固定要素を整列させることが難しくなります。
私が試したコードである混乱を示そうとしますが、この時点でのそのガベージは、明らかに正しい方向から外れた多くの方向に行ったため、書き直す必要があることを見逃しています。その前に、固定要素を並べる必要がある要素の位置を取得する方法を理解する必要があります。
それが理にかなっていることを願っています。つまり、親のアイデアではなく、ウィンドウに基づく位置が必要ですか?
コードの簡単な例は、正確なコードではありませんが、例のために示しています
<body>
<div style="position:relative;overflow:hidden;">
Some text more text <span class="something">Trigger text</span>
</div>
<div style="position:fixed"></div>
</body>
上記は、私たちが話しているコードの非常に単純な例です。私の問題は、相対的な div がカラーボックス ライトボックス プラグインであり、その外側の要素を含むテンプレートの 1 つは、相対的な配置を持つ要素でもあり、overflow
非表示に設定します。相対的な要素である同じ要素で絶対的および驚くべき(固定された)位置を使用する際の問題は、特定の時間にのみ表示したい要素が、その要素が設定されている要素よりも大きい場合、オーバーフローがそれを食べることですいわば虚空に落ちていく。私が実行できた唯一の回避策は、ドキュメントの下部に固定位置要素を配置することでした。これにより、いつ、どこで必要なのかを示すことができます。それに関する問題は、全体的なウィンドウの左と上を使用して相対的なコンテナー内の要素を配置することであり、そのオフセットは上に 100、左に 50 であり、これは使用中の要素を考慮して全体的に予想されます。したがって、親要素ではなくドキュメント自体に対して左上の要素を見つける方法を見つけることが望まれます