الصفحة تمتد بلا نهاية بدون رأس لزج

بعد التحديث الأخير، أواجه خللاً غريباً ولست متأكداً من كيفية تصحيحه. رابط المنتدى هو https://community.make.com. الآن الصفحة المقصودة تحتوي على رأس ثابت وكل شيء يعمل بشكل جيد. لكن ما كان لدي وأريده بالفعل هو رأس غير ثابت على الصفحة المقصودة. ولكن الآن، عندما أقوم بتعطيل الإعلان الثابت:

فإن الصفحة تستمر في التمدد ولا أصل أبداً إلى تذييلها:

يمكنني تكرار ذلك على صفحة أخرى حيث أستخدم تخطيطاً مشابهاً، ولكن ليس على مثيلات أخرى. لذا يجب أن يكون شيئاً أعلنت عنه في السمة، ولكنني لا أعرف ما يمكن أن يكون. هل لدى أي شخص تخمين؟

تم تحديث المنشور الرئيسي وإزالة حلي السابقة.

إعجابَين (2)

مرحباً،

يبدو أن هذا هو سبب --header-offset. إذا لم يكن الرأس ثابتاً، فسيتم تغييره أثناء التمرير. أعتقد أنه يجب عليك إصلاح --header-offset ليعمل على هذه الصفحات.

شيء كهذا ربما :thinking:

html.desktop-view {
  --header-offset: 81px !important;
}
إعجاب واحد (1)

شكراً لك على إلقاء نظرة على هذا @Don! اعتقدت أيضاً أنه يتعلق بتصريح إزاحة الرأس الديناميكي. من ناحية أخرى، يمكنك تغيير الرأس إلى غير ثابت هنا في ميتا أو مثيلات أخرى وهو ليس مشكلة. على سبيل المثال، في هذا المثيل أستخدم مكونات مشابهة، لكن الصفحة لا تتمدد مع رأس غير ثابت: https://community.couchers.org/

لذلك ما زلت أتساءل لماذا مع هذا المظهر الآخر. على الرغم من أنني أتساءل أيضاً عن كيفية حساب قيمة إزاحة الرأس واستخدامها؟

إعجاب واحد (1)

حسناً… :thinking: نصيحتي التالية :slightly_smiling_face:

الآن لقد تحققت من ذلك مع الموقع الآخر أيضاً. أعتقد أن التغييرات الجديدة في الشريط الجانبي قد تكون السبب في ذلك.
https://community.couchers.org/ هذا إصدار أقدم لا يحتوي على أكواد الشريط الجانبي.

.sidebar-wrapper لديه ارتفاع: calc(100vh - var(--header-offset)) أعتقد أن هذا يدفع المحتوى أثناء التمرير إذا لم يكن الرأس ثابتاً.

يمكنك تعيين height: 0; أو display: none

#main-outlet-wrapper .sidebar-wrapper {
  display: none;
}