PDA

View Full Version : چطور سایتم رو به این صورت متحرک دربیارم ؟



yasharhi
جمعه 13 تیر 1393, 10:13 صبح
بعضی از سایتها با اسکرول کردن به پایین ظاهر میشن . مثل :
http://marble.snappytheme.com/home-page-three
اسم این فناوری چیه و چطور این کار رو انجام میدن ؟

metal gear solid 4
جمعه 13 تیر 1393, 10:32 صبح
Infinite scroll
یه شرط سادست. وقتی اسکرول شما به انتهای صفحه میرسه یه درخواست به سرور فرستاده میشه تا آخرین اطلاعت بعد از اطلاعات فعلی رو نشون بده. با offset و limit

دانیال دزفولی
جمعه 13 تیر 1393, 11:21 صبح
http://johnpolacek.github.io/superscrollorama/

metal gear solid 4
جمعه 13 تیر 1393, 11:30 صبح
من سایتی ک توی پست اول مثال زدید رو نگاه نکردم. حق با آقای دزفولی نژاده. منظور شما Parallax بوده.

دانیال دزفولی
جمعه 13 تیر 1393, 11:53 صبح
من سایتی ک توی پست اول مثال زدید رو نگاه نکردم.

برای من که بالا نیومد

vimax23
جمعه 13 تیر 1393, 17:28 عصر
دقیقا چی ظاهر میشه؟
منم متوجه نشدم

yasharhi
جمعه 13 تیر 1393, 20:18 عصر
منظورم طراحی های مثل اینه که وقتی به پایین اسکرول می کنیم انیمیشن هاش اجرا میشن . اسمش پارالاکس هست ؟!
http://gimo.ir/

omidabedi
جمعه 13 تیر 1393, 21:02 عصر
سایتی که گفتید parallex هست و اون چیزی که اقای metal gear solid گفتند : با به انتها رسیدن صفحه اطلاعات از سرور درخواست و به همچین نوع طراحی ای مثل فیس بوک یا google image رو بهشون lazy load میگن


Infinite scroll از نوع طراحی eager load هست یعنی قبل از اینکه کاربر اطلاعاتی رو بخواد سیستم اونارو رندر میکنه اما hidden هستن و وقتی لازم شد بهشون نمایش داده میشه یعنی از قبل رندر میشن یعنی pre load هستن

اما lazy load بعد از اینکه شرط برقرار شد اطلاعات درخواست میشه یعنی مثلا کاربر به انتهای صفحه رسید

در ضمن این ها design pattern هستند

میشه parallex رو زیرشاخه ی eager load دونست چونکه اول اطلاعات فراخوانی میشن کلا بعد نمایش داده میشن

اما خب بدی ای که داره چونکه حجم نسبتا بیشتری اط اطلاعات رو باید preload کنه دیرتر بالا میاد

و هرکدوم استفاده های خاصی دارن و باید بجا استفاده بشن

yasharhi
جمعه 13 تیر 1393, 21:31 عصر
من جاوااسکریپت و جیکوئری بلد نیستم . سایت متحرک مثل http://gimo.ir/ رو میتونم بسازم ؟

vimax23
شنبه 14 تیر 1393, 12:16 عصر
من جاوااسکریپت و جیکوئری بلد نیستم . سایت متحرک مثل http://gimo.ir/ رو میتونم بسازم ؟

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

دانیال دزفولی
شنبه 14 تیر 1393, 12:36 عصر
من جاوااسکریپت و جیکوئری بلد نیستم . سایت متحرک مثل http://gimo.ir/ رو میتونم بسازم ؟
خیر چون همش با جی کوریه