إنشاء DIV المطلق الذي يصبح ثابتا على التمرير - هل من الممكن؟

Question

كان لدي هذه الفكرة لموقع إلكتروني لإنشاء شريط للملاحة الأفقي الثابت الذي يتم تمريره ببساطة من خلال المحتوى عند الضغط على عناصر القائمة ولكن أردت أن أحصل على "مقدمة" DIV على رأسها مع صورة خلفية وشعار، دعونا نقول ارتفاع 300px الذي يعرض عند تحميل الصفحة أولا.

لذلك يظهر شريط التنقل متصل بأسفل "مقدمة" DIV "مقدمة" فقط عند التمرير في الماضي، فهل تصبح مرتبطا بأعلى النافذة وتصبح ثابتا عند التمرير.

إذا قمت بالنقر فوق عنصر قائمة معين أو إذا قمت ببساطة بالتمرير حتى بداية الصفحة، فسوف يعلق نفسه على الجزء السفلي من DIV "مقدمة" مرة أخرى.

هل هذا ممكن ببساطة مع CSS أو هل يجب علي استخدام جافا سكريبت لتحقيق هذا التأثير؟

شكرا مقدما!

Answer 1

أعتقد أنك سوف تحتاج إلى جافا سكريبت لهذا واحد.لن يكون من الصعب.الشيء الوحيد الذي تحتاج إلى القيام به هو تبديل تحديد موقع القائمة إلى "ثابت" عند إجراء القائمة خلاف ذلك من Viewport.