هل تريد أن تبقى رأس العلامة التجارية ثابتًا بدلاً من التمرير؟

مطور
,
1

تأكيد؛

بعد التثبيت، يبدو أن الرأس ينزلق خارج الصفحة. هل هناك طريقة لتثبيت الرأس في مكانه فوق رأس discourse الحالي؟

2

لا أستطيع تكرار المشكلة. هل يمكنك تزويدي بلقطة شاشة؟

3

آه، عذرًا على اللبس — هل تقصد السلوك المقصود؟

محليًا، أرى أن رأس العلامة التجارية يختفي من الصفحة أثناء التمرير عبر موضوع طويل.

4

جرب تغيير نمط CSS الخاص بـ .b-header كما هو موضح أدناه

.b-header {
  position: fixed;
}

قد تحتاج إلى مزيد من تعديلات CSS لتحقيق هدفك.

إعجابَين (2)
5

شكرًا لك يا فينوث.

وجدتُ بعض الأشياء التي تساعد في هذا:

.b-header {
  position: fixed;
  z-index: 1001;
  height: $header-height;
}

.docked .d-header {
  margin-top: $header-height;
}

#main-outlet {
  padding-top: $discourse-content-padding + $header-height;
}

هذا يجعل الرأس المخصص ثابتًا أثناء التمرير، ويظل فوق رأس discourse في جميع الأوقات.

العيوب الوحيد الذي أراه في هذا النهج هو أن عنوان الموضوع يظهر في رأس discourse متأخرًا قليلاً عن المعتاد، بسبب الارتفاع الثابت الإضافي لمكون الرأس.

غير متأكد من كيفية تغيير هذا المنطق - من المرجح أنه موجود في أعماق discourse في مكان ما.

4 إعجابات