الخلاصة

  • عرضت أول مسودة علنية لـ W3C في 11 فبراير 2020 آلية تختار عقدة قرب بداية الجزء المرئي وتعدل موضع التمرير بمقدار حركتها حين يتغير المحتوى فوقها.
  • أوضحت مسودة 11 نوفمبر 2020 شروط اختيار العقد المرشحة وعلاقتها بنقاط توقف التمرير. وتتيح overflow-anchor: none استبعاد منطقة تحتاج سلوكاً مختلفاً.

للإعلان توقيت سيئ. يصل بعدما يستقر القارئ على فقرة، فيأخذ مساحة أعلى الشاشة ويدفع الكلمات إلى موضع جديد. المتصفح القديم يؤدي واجبه الحسابي بدقة: يحتفظ بالمسافة التي قطعها المستخدم من رأس الوثيقة. لكن الوثيقة نفسها ازدادت طولاً فوق العينين. الرقم القديم باقٍ، والجملة التي كان يرافقها رحلت. يحتاج القارئ إلى مكانه في النص، لا إلى وفاء المتصفح لشريط القياس.

سمّت أول مسودة علنية لـ W3C، الصادرة في 11 فبراير 2020 سببين ملموسين لهذه القفزة: إطار إعلان يضيفه برنامج الصفحة، وصورة لم يُحجز لها حجم ثم تصل عبر اتصال بطيء. كلاهما ينمو خارج الجزء الظاهر وفوقه. يستطيع ناشر الصفحة تخصيص المساحة سلفاً؛ وأعطت المسودة المتصفح وسيلة لحماية القراءة عند وصول عنصر لم تُحسن الصفحة استقباله.

تبدأ الوسيلة باختيار مرساة. في كل صندوق قابل للتمرير يبحث المتصفح عن عقدة داخل المحتوى، قريبة من بداية منطقة الرؤية وعميقة نسبياً في شجرة الوثيقة. يقيس موضعها قبل تغير التخطيط وبعده. إن دفعتها إضافة الإعلان إلى أسفل، يجهز تعويضاً مساوياً في موضع التمرير. يحتل الإعلان مساحته، وتبقى الفقرة حيث تنظر العين. هكذا صار القياس خادماً لمكان القراءة.

اختيار المرساة عمل أدق من التقاط أول عنصر. قد تحتوي الصفحة على شريط تنقل وصور وزينة ومحتوى يتبدل باستمرار. لذلك تحدد المسودة أهلية العناصر، وتؤخر تنفيذ التعويض المجهز حتى نهاية نافذة كبح مرتبطة بمعالجة التخطيط. يتعامل المتصفح مع تغيرات الصفحة بوصفها حالة واحدة قابلة للفهم، بدلاً من سلسلة مطاردات لكل صندوق يتحرك.

أضافت مسودة العمل المؤرخة في 11 نوفمبر 2020 تعريفات أوضح للمرشحين المؤهلين والمرشحين ذوي الأولوية. وبينت صلة الآلية بنقاط تثبيت التمرير التي تقود بعض الواجهات إلى مواضع مقصودة. يسجل تاريخ النشر لدى W3C النسختين في العام نفسه، فيما وصف إعلان فبراير الإزعاج بلغة مألوفة: شيء يتغير فوق المنطقة المرئية، فتقفز الصفحة أثناء القراءة.

للناشر مجال قرار واضح. القيمة الابتدائية لـ overflow-anchor هي auto؛ وتستطيع القيمة none إخراج صندوق تمرير من الآلية أو استبعاد فرع من العناصر المرشحة للمرساة. قد تدير واجهة ما التمرير بنفسها، أو تجعل الحركة جزءاً من تصميمها. عندئذ يحدد صاحب الصفحة موضع الاستثناء. يقدم المتصفح حماية عامة للقراءة، وتضبط الصفحة نطاقها حيث تعرف حاجتها الخاصة.

يمكن تلخيص الفكرة بإصبع على سطر في كتاب. يضيف أحدهم ورقة إلى الصفحات السابقة، فيتغير العدد الكلي للصفحات، لكن الإصبع يظل على الجملة نفسها. منحت مسودات 2020 المتصفح ما يشبه ذلك الإصبع؛ فتأخر الإعلان ولم يضع القارئ من يده السطر.