انیمیشن ها مبنی بر اسکرولینگ
سلام دوستان .
بنده دنبال این هستم که بدونم چطوری یک انیمیشن (مثل fade-in / fade-out) مبنی به اسکرولینگ ساخته میشه یعنی مثلا وقتی اسکرول صفحه به جایی میرسه یه المنت انیمیشنش شروع میشه . ممنون میشم توضیح بدید
alert("Thanks!")چندتا از دوستان برتر رو تگ کردم شاید بتونن کمک کنن :)
پاسخها
5
بِسْمِ اللَّهِ الرَّحْمَٰنِ الرَّحِيمِ
الْحَمْدُ لِلّٰه
سلام، اللّٰه را شکر ، بابت انیمیشن که @endworld دمش گم به خوبی یک منبع داد منم چیزای جدیدی یاد گرفتم😀، اما در رابطه با اینکه اسکرول به تهش رسیده یا نه و بعدش کنترل بشه چیز باحالیه و اینکه میتونی با رویداد onscroll مدیریت کنی و همچنین استفاده از scrollTop ،scrollHeight و...
https://stackoverflow.com/questions/5527296/how-can-i-detect-scroll-end-of-the-specified-element-by-javascript
درود خوبی...
از animate css استفاده کنید.
پیوند زیر:
https://animate.style/
سلام
در رابطه با انیمیشن درسته کتابخونه animate.css عالیه و برای بحث اسکرول در کنارش از wowjs استفاده میشه که میتونید ازش استفاده کنید و به خوبی با هم کار میکنن
یعنی شما با کلاس ها در اتریبیوت html مشخص میکنید که هنگام اسکرول روی این المنت چه انیمیشنی با چه سرعتی و ... اجرا میشه که این عاااالیه .
لینک wow.js و مستنداتش
https://wowjs.uk/
لینک انیمیت رو هم دوستمون دادن خدمتتون
موفق باشید
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد
❤️ ممنون ازتون
