📌 این ویژگی مشخص می‌کنه که پس‌زمینه یک عنصر نسبت به پنجره مرورگر یا خود عنصر حرکت کند.
در Tailwind از کلاس‌های bg-fixed, bg-local, bg-scroll استفاده می‌کنیم.

✅ کلاس‌ها

• bg-fixed → پس‌زمینه ثابت می‌ماند و با اسکرول صفحه حرکت نمی‌کند

• bg-local → پس‌زمینه با محتوا حرکت می‌کند

• bg-scroll → پس‌زمینه به صورت پیش‌فرض و با اسکرول صفحه حرکت می‌کند

✅ مثال

<div class="h-48 bg-scroll bg-blue-500 mb-2">
  پس‌زمینه با اسکرول حرکت می‌کند (default)
</div>

<div class="h-48 bg-fixed bg-green-500 mb-2">
  پس‌زمینه ثابت است و با اسکرول حرکت نمی‌کند
</div>

<div class="h-48 bg-local bg-red-500 mb-2">
  پس‌زمینه با محتوا حرکت می‌کند
</div>

📌 نکات مهم

• اغلب برای اثر پارالاکس (parallax) از bg-fixed استفاده می‌شود.

• می‌توان با responsive ترکیب کرد:

  • sm:bg-scroll md:bg-fixed → موبایل با اسکرول، دسکتاپ ثابت