على الهاتف المحمول، عندما أكون في أعلى الموضوع، فإن شريط التنقل/الرأس يتضمن أيقونة القائمة وعناصر أخرى، بما في ذلك شريط التمرير/دوار الفئات.
عندما أقوم بالتمرير إلى ما بعد “عتبة” معينة، يتغير ليشمل اسم الموضوع، لكن هذا يفسد تنسيقي. هل يمكنني تعطيل هذا السلوك؟ أريد نفس الرأس في جميع الأوقات.
الرأس العادي / الجيد:
التمرير / الرأس السيئ:
الغريب هو أنه عند استخدام Chrome > Inspect، أحصل على سلوك مختلف وممتع:
قبل التمرير:
بعد التمرير:
أعتقد أن هذه المكونة يمكن أن تساعدك
زر قائمة البرجر ليس في نفس المكان في لقطتي الشاشة، مما يجعلني أعتقد أنك لم تستخدم وضع الجوال في الحالة الثانية.
يمكنك الحصول على عرض الجوال عن طريق إضافة ?mobile_view=1 إلى عنوان URL. لذلك يمكنك أيضًا تحسين التصميم والاستمرار في الاستفادة من ميزة عرض العنوان
هذا بالضبط ما أردته. شكرًا!
لقد ذهبت للتو إلى لوحة الفحص في Chrome ونقرت على الزر لتفعيل عرض الجوال. لماذا انتقلت القائمة إلى اليسار، لا أعرف…
في بعض الأحيان لا يكون هذا العرض دقيقًا جدًا، لاحظت ذلك.
شكرًا على تلميح ?mobile_view=1. لم أكن أعرف ذلك.
أريد فقط أن أضيف، لأولئك الذين ليسوا على دراية بهذا (واستغرق الأمر مني بعض الوقت للعودة إلى الوضع الطبيعي)، للعودة فقط أضف ?mobile_view=0 مثل https://example.com?mobile_view=0
مع خيار ?mobile_view=1، لاحظت أنه يتصرف بجنون عندما يصل إلى نقطة التبديل إلى عنوان الموضوع، ولكن على الجوال لم يفعل ذلك. ربما هناك شيء غريب عند استخدام متصفح سطح المكتب.
كما ترى من لقطات الشاشة الخاصة بي، بالإضافة إلى الرأس المعطوب، تم إزالة شريط التمرير مع الفئات تمامًا.
1 - هل تعتقد أن هذا يحدث لأن ارتفاع الرأس لا يتكيف بشكل صحيح؟
2 - كيف يمكنني إنشاء CSS ينطبق فقط عند حدوث هذا التغيير؟
@Moin عند فحص الإصدار المتوافق مع الأجهزة المحمولة باستخدام خدعة عنوان URL التي شاركتها (بدون تثبيت المكون)، أرى هذا عندما أكون في أعلى الموضوع:
وعندما أقوم بالتمرير، أرى هذا:
لذلك، فإنه يزيل تمامًا العنصر div الذي يحتوي على class=\"wrap custom-categories-navbar\". يبدو أن هناك المزيد متضمنًا هنا يتطلب نهجًا آخر لمنع اختفاء شريط تمرير الفئات.
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
