دسته‌ها
برنامه نویسی

انیمیشن هنگام اسکرول

کتابخانه AOS یک کتابخانه کوچک برای متحرک سازی اجزای صفحه هنگام اسکرول است.

این کتابخانه به شما اجازه می دهد تا به هنگام اسکرول صفحه عنصر مورد نظر را حرکت دهید پایین به بالا و برعکس، چپ به راست و برعکس اگر اسکرول کنید و برگردید، عناصر به حالت قبلی آن ها برمی‌گردد و اگر مجددا پایین بروید، دوباره حرکت می کنند.

برای درک بهتر این که چگونه در واقع کار می کند، مثال زیر را ببینید:

استفاده از این کتابخانه بسیار ساده است. ابتدا باید لینک فایل css و js مربوطه را در فایل خود قرار دهید و سپس برای اینکه روی قطعه‌ای انیمیشن قرار دهید از عبارت زیر استفاده کنید:

<div data-aos="animation_name">

و بجای animation_name نام انیمیشن مورد نظرتان را بنویسید. و برای زمان شروع انیمیشن و سرعت آن و غیره دستورات خود را دارد.

برای کسب اطلاعات بیشتر و دانلود فایل به سایت michalsnik.github.io/aos  مراجعه کنید.