وب‌سرویس مجید

پروژه ngx-scroll-to

nick-lenaers/ngx-scroll-to

این کتابخانه به تو امکان می‌دهد به هر المان دلخواهی در اپلیکیشن اَنگولار خود اسکرول کنی، بدون نیاز به کتابخانه‌های جانبی.

کاملاً سازگار با اَنگولار ۴ به بالا، هم برای AoT و هم SSR مناسب است.

کاربرد:

وقتی می‌خوای کاربر رو به بخش خاصی از صفحه هدایت کنی، مثل اسکرول به فرم، بخش تماس یا بالای صفحه، این کتابخانه راه‌حل ساده و تمیزی ارائه می‌ده.

در چه شرایطی بهتره استفاده شود؟

وقتی داری یه اپلیکیشن اَنگولار می‌سازی و نیاز داری اسکرول نرم (smooth scroll) داشته باشی، بدون دردسر مدیریت کد پیچیده یا افزودن دپندنسی‌های اضافه.

همچنین عالیه برای استفاده در پروژه‌هایی که SSR (مثل با Next.js معادل اَنگولار) دارن.

چند مثال از موارد استفاده:

- دکمه "برو به بالا" در پایین صفحه

- اسکرول به بخش خطای فرم پس از سابمیت ناموفق

- ناوبری در منوی فیکس شده (مثل one-page سایت‌ها)

- هدایت کاربر به محتوای جدید بارگذاری شده در لیست بلند

  • ##Angular
  • ##ScrollTo
  • ##SPA
  • ##WebDevelopment
  • ##Frontend
  • ##TypeScript
  • ##UX
  • ##SmoothScroll
  • ##NoDependencies
  • ##ngxScrollTo