افکت جی کوئری

[سئو فاکس 27]

با سلام بنده دارای 9 item در سایت خود هستم .

حالا من Display این 9 تا آیتم رو None کردم و میخوام که وقتی اسکرول به Div این آیتم ها ( items-block ) رسید این آیتم ها یکی یکی با افکت لود بشن مثلا : fadeIn بشن ... !

اینم نمونه کد :

<div class="items-block">

	<div class="item">1</div>
	<div class="item">2</div>
	<div class="item">3</div>
	<div class="item">4</div>
	<div class="item">5</div>
	<div class="item">6</div>
	<div class="item">7</div>
	<div class="item">8</div>
	<div class="item">9</div>

</div>

لطفا راهنمایی کنید

خیلی ممنون

ویرایش شده خرداد 94 توسط محمد رضایی

[imanfakhar 26231]

https://jsfiddle.net/fakhar/1xzhprfs/

[سئو فاکس 27]

https://jsfiddle.net/fakhar/1xzhprfs/

بسیار ممنون کاملا درست کار کرد .

فقط یک سوال دیگه : اگه بخوام داخل خودش find نکنه چی ؟ یعنی به جای اینکه بگیم وقتی به دایو items-block رسیدی دایو item رو پیدا کن و بهش افکت بده , بگیم وقتی به دیو top-items رسیدی برو item رو fade کن !

ویرایش شده خرداد 94 توسط محمد رضایی

[imanfakhar 26231]

فرقی نمی کنه باز کد تو همون موقع اجرا می شه فقط نه برابر به منابع سایتتون فشار می آره و الا وقتی اسکرول انجام می شه باز لایه ها به همون ترتیب لود می شند