Back to Top

المان Back to Top یک دکمه (تگ پیش‌فرض: button) رندر می‌کند که بازدیدکننده را به بالای صفحه scroll می‌کند. این المان nestable است: معمولاً یک المان Icon و/یا Text داخل آن قرار می‌دهید (پیش‌فرض‌ها از یک آیکون فلش بالا و برچسب «Back to Top» استفاده می‌کنند).

تنظیمات

HTML tag (text) — تگ المان root. پیش‌فرض: button.
aria-label (text) — نام دسترسی‌پذیر وقتی کنترل متن توصیفی قابل مشاهده ندارد.

موقعیت (Position)

Position (select) — CSS position (placeholder پیشنهاد fixed می‌دهد).
Top، Right، Bottom، Left (number with units) — offsetهای موقعیت.

متفرقه (Misc)

Bricks z-index، gap (فاصله بین فرزندان nested) و CSS transition را روی این المان نمایش می‌دهد.

Visible after (number) — دکمه را فقط پس از scroll کاربر به اندازه این تعداد پیکسل نمایش دهد. اگر خالی باشد و Visible on scroll up خاموش باشد، دکمه همیشه قابل مشاهده است.
Visible on scroll up (checkbox) — دکمه را هنگام scroll به بالا نمایش دهد.
Smooth scroll (checkbox) — هنگام فعال‌سازی، به بالای صفحه با smooth scroll برگردد.
Move focus to top (checkbox) — پس از فعال‌سازی، focus کیبورد را به بالای صفحه منتقل کند (دسترسی‌پذیری).

مرجع توسعه‌دهنده

برای JSON schema کامل به Back to Top Schema مراجعه کنید.