يحدث هذا بسبب تثبيت التمرير في Chrome و Firefox (قريبًا في Safari). هذه الميزة تجعل المتصفحات “تثبت” نفسها على عنصر مرئي، بحيث لا يتسبب إدراج محتوى فوق منفذ العرض في حدوث تحول في موضع التمرير.
يحتوي Firefox على وضع تصحيح الأخطاء لهذه الميزة، والذي يمكن تمكينه عن طريق زيارة about:config وتبديل layout.css.scroll-anchoring.highlight. لذا، نعم، يمكننا أن نرى أنه عادةً ما يثبت مقابل شيء ما في تدفق ما بعد:
ولكن إذا قمت بالتمرير لأسفل بعيدًا جدًا عندما يكون المخطط الزمني مطويًا، فسيتم اختيار المخطط الزمني كنقطة تثبيت:
كما يقول @don، هذا لأن ترتيب العناصر في DOM يختلف عن الترتيب المعروض. يبدو أن خوارزمية تثبيت التمرير تتجول في DOM بالترتيب، وتختار أول عنصر مرئي بالكامل يمكنها العثور عليه. لذلك، إذا كان المخطط الزمني المطوي مرئيًا، فسيتم اختياره دائمًا قبل محتوى المنشور.
سيساعد تبديل الترتيب، ولكن نعم، سأقلق بشأن الانتكاسات المحتملة. بالإضافة إلى ذلك، أتساءل عما إذا كان هذا هو السبب (قارئات الشاشة، ربما؟)
أسهل حل هنا هو تعيين overflow-anchor: none على المخطط الزمني. بعد ذلك، لن يتم اختياره أبدًا للتثبيت: