فراخوانی تابع هنگام اسکرول

[crafcrab]

با سلام
من یه صفحه html دارم که توش یکسری متن و عکس هست با تعداد زیاد (یعنی صفجه اکرول خورده)

وسط های صفحه یک عکسی دارم که با id به اسم mypic که از هومن اول کاملا show هست و hide نیست

یه تابع هم دارم به اسم hello
کد تابع هم اینه:


alert('hello');


سوال:
من میخوام زمانی که کاربر اسکرول صفحه رو کشید پایین و رسید به این عکس یه تابع hello که بالا گفتم اجرا شود

حرف آخر:
تو کدوم رویداد باید بگم وقتی کاربر اسکرول کرد رسید به element مورد نظر من فلان تابع رو اجرا کن

[marasiali]

سلام
$(window).scroll(function () {
var $heightScrolled = $(window).scrollTop();
var $defaultHeight = 300;

if ( $heightScrolled < $defaultHeight
{
//your function
}

});

فقط شرمنده اگه یه ذره نامرتب میاد کدا.با گوشیم یه ذره سخته.heightscrolled مقدار اسکرول شده رو به دست میاره. مقدار defultheight هم باید برابر با مقداری که میخواین بعد از اون مقدار اسکرول فانکشن اجرا شه تنظیم کنین.یه کم باهاش بازی کنین دستتون میاد.
موفق باشید.