نمایش محتوای سایت هنگام اسکرول به صورت انیمیشن

[babakmohamadi 10]

با سلام و درود

از دوستان می خواستم در این مورد راهنماییم کنند که به چه گونه ای می توان محتوای وبسایت رو هنگام اسکرول با استفاده از خاصیت انیمیشن در css3 به نمایش درآورد.

تا اونجایی که اطلاع دارم باید از کد اسکریپت استفاده کرد و از این طریق کدهای css رو به این معرفی کرد اما دقیقا نمیدونم با چه کدی و چگونه می توان این مورد رو انجام داد .

خواهشا در این مورد یه راهکار مناسبی برایم ارائه نمایید

با تشکر

[babakmohamadi 10]

لطفا به این سوال ما هم رسیدگی کنید !!!!

[babakmohamadi 10]

کسی از دوستان و اساتید نیست این سوال مارو پیگیری کنه ؟؟؟؟؟؟؟؟؟

[Payam.Hayati 15]

سلام

منظورتون طراحی به سبک Parallax؟

[yutab 11]

من نمی دونم چقدر با سی اس اس و اسکریپت نویسی تحت کلاینت آشنا هستید. به هر حال فرض رو بر این می ذارم که بتونید سناریوی پایین رو اجرا کنید.

روش معمول اینه که با سی اس اس opacity کلاس مورد نظر رو صفر کنید و با جی کوئری یا... offset.top کلاس و همچنین document رو محاسبه کنید و در زمان اسکرول، وقتی این دو مقدار با هم برابر شد، بوسیله جی کوئری یا هر زبان اسکریپ تحت کلاینتی که استفاده کردید، opacity کلاس رو بصورت انیمیشنی به یک برسونید.

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

بخاطر داشته باشید که اگر بجای کلاس از آی دی استفاده بشه، تنها یک بار در هر صفحه می تونید از اون استفاده کنید پس بهترین راه حل، استفاده از کلاس و ()each. برای این منظوره.

موفق باشید