babakmohamadi

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

5 پست در این موضوع

با سلام و درود

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

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

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

با تشکر

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

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

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

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

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

موفق باشید

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری