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

این تاپیک 6 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  asghar ،‏ 1 سال و 1 ماه پیش .

این تاپیک تاکنون 468 بازدید داشته است .

نویسنده پست
شنبه ، 3 اکتبر 2015     10:32 ق.ظ #


hermes hermes

Subscriber
30 پست13 تاپیک

سلام

دارم قالب تک صفحه ای رو می نویسیم که شامل چهار تا div   هست و ... می خوام اسکرول صفحه ام  به هر کدام از دیو ها رسید و کاملا" دیو قبلی از صفحه رفت کنار یک کلاس خاص بر روی منوی  سایتم اجرا بشه و منوی سایتم به صورت ثابت با یک سری تغییرات ظاهری  وارد هر دیو بشه   و  با بازگشت صفحه به بالا همون کلاس قبلی مجدد اجرا بشه ..

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

کد زیر را باید چه تغییراتی بدم تا درست بشه ؟

jQuery("document").ready(function($){
var nav = $('.nav');

$(window).scroll(function () {

if(id == "div2")

{
nav.addClass("lnav2");
} else {
nav.removeClass("lnav");
}
});

});

0  تشکر
چهار شنبه ، 7 اکتبر 2015     7:23 ق.ظ #


hermes hermes

Subscriber
30 پست13 تاپیک

سلام

کسی از دوستان اطلاعاتی تو این زمینه داره ؟

0  تشکر
چهار شنبه ، 14 اکتبر 2015     4:53 ق.ظ #


hermes hermes

Subscriber
30 پست13 تاپیک

راه حلی نبود؟! بریم ؟ :-)

0  تشکر
جمعه ، 16 اکتبر 2015     12:43 ب.ظ #


hermes hermes

Subscriber
30 پست13 تاپیک

اگر سوالم را در انجمن اشتباهی مطرح کردم لطفا بهم بگید

ممنون

0  تشکر
یکشنبه ، 18 اکتبر 2015     1:50 ب.ظ #


asghar

Subscriber
5 پست2 تاپیک

سلام ، شما باید اول مقدار اسکرول رو به دست بیاری و با محل هر دیو مقایسه کنی و اگه مساوی بود عملیات لازم رو انجام بدی

$(window).scroll(function () {

var scrollPos = $(document).scrollTop()

if ($('div.div1').position().top <= scrollPos{

...

}

});

 

1  تشکر
دوشنبه ، 19 اکتبر 2015     3:21 ق.ظ #


hermes hermes

Subscriber
30 پست13 تاپیک

سایت ریسپانسیو هست و میزان ارتفاع دیوها در نمایشگر های مختلف تغییر می کنه...

راه حل دیگه ای نداره؟

0  تشکر
دوشنبه ، 19 اکتبر 2015     1:59 ب.ظ #


asghar

Subscriber
5 پست2 تاپیک

سلام ، فرقی نمی کنه ارتفاع که زیاد بشه محل دیو تغییر می کنه و با اسکرول تشخیص داده می شه .

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

$(window).resize(function{...})

0  تشکر
پست 1 تا 7 (از مجموع 7 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .