مُنشئ تخطيطات CSS Scroll Snap إنشاء تخطيطات CSS Scroll Snap للتمرير الأفقي والرأسي مع محاذاة اللقطة.

يستخدم CSS Scroll Snap خاصيتين رئيسيتين: scroll-snap-type على الحاوية وscroll-snap-align على العناصر. تأخذ scroll-snap-type محورا (x أو y أو كليهما) وقيمة صرامة (إلزامية أو قرب). يُجبر mandatory وضع التمرير على القبض إلى نقطة قبض ، بينما يقوم proximity فقط بالقبض عندما يكون بالقرب من نقطة قبض. يعرف scroll-snap-align على العناصر حيث يتم تثبيت العنصر: يُحاذي البداية إلى بداية الحاوية ، والوسط إلى الوسط ، والنهاية إلى نهاية الحاوية. تشمل الخواص الإضافية scroll-padding على الحاوية لمواضع القبض المائلة ، وscroll-margin على العناصر لأffsetات القبض الفردية. من أجل عمل القبض ، تحتاج الحاوية إلى overflow: auto أو overflow: scroll وأبعاد محددة. سلوك التمرير ملساء ويستخدم التمرير الأصلي للمتصفح ، مما يوفر أداءً رائعًا. يدعم المتصفحات الحديثة القبض السريع دون بادئة البائع.