"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > هل يمكن تكديس عناصر لزجة متعددة فوق بعضها البعض في CSS النقي؟

هل يمكن تكديس عناصر لزجة متعددة فوق بعضها البعض في CSS النقي؟

نشرت في 2025-01-31
تصفح:459

Can multiple sticky elements be stacked on top of each other in pure CSS?

يمكن رؤيته هنا:

، بدلا من تنفيذ جافا سكريبت. لقد جربت قليلاً مع عناصر متعددة لزجة ، لكن لا يمكنني منعها من دفع عناصر لزجة أخرى. لقد حاولت وضعها في نفس سياق التراص:

الموضع: sticky ؛
}}

sticky .sticky-1

{

top: 1em ؛ &&&]

لكن لا يمكنك تشغيله ، كما ترون في أدناه. أي رؤى سيكون موضع تقدير كبير!

babel = "false">

#Container 
{
عرض: شبكة ؛ &&&] {

الموضع: sticky ؛ ؛

}


sticky .sticky-2

{

TOP: 2EM ؛

{

الموضع: relative ؛
}

ثابت. sticky-1

{

الموضع:

TOP: 0 ؛

}

ثابت. sticky-2

{
الموضع:
TOP: 1EM ؛ = "Snippet-Code-Html Lang-Html PrettyPrint-Override">

عنوان لاصق

هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا.

& lt ؛/main & gt ؛ & lt ؛ القسم & gt ؛


يجب أن تلتصق كلتا العناوين في نفس الوقت.


وأخيراً المزيد من النسخ. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة. وأخيرا المزيد من نسخة.

& lt ؛/section & gt ؛ header>

العنوان الثابت

بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. بعض النسخ تذهب هنا. OES هنا. بعض النسخ تذهب هنا.

أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3