رفتن به مطلب

افزایش مقدار x با جاوا اسکریپت


پست های پیشنهاد شده

سلام و درود

دوستان گرامی من می خوام در کد زیر مقدار x را افزایش دهم و این مقدار در کد زیر قرار داده شود. 

#side-bar span:nth-child(" + x + ")

کدهای زیر قطعه کد موردنظر به صورت کامل است.

$(window).scroll(function() {

  for(var x = 0, x < 6; x++){
  if ($(this).scrollTop() > x) {
    $("#side-bar span:nth-child(" + x + ")").addClass('active');
  }
  }

});

ممنون

لینک به ارسال
در 2 دقیقه قبل، mehran-b گفته است :

سلام و درود @unid_user

 

سوالتون واضح نیست.

x رو داره حلقه for زیادش میکنه دیگه.

سلام.

میخوام مقدار x رو بجای x در کد زیر قرار بده.

$("#side-bar span:nth-child(" + x + ")").addClass('active');

 

لینک به ارسال
در 1 دقیقه قبل، unid_user گفته است :

سلام.

میخوام مقدار x رو بجای x در کد زیر قرار بده.


$("#side-bar span:nth-child(" + x + ")").addClass('active');

 

با چه رویدادی افزایشش بدیم؟

چند تا چند تا؟

لینک به ارسال
در 2 دقیقه قبل، mehran-b گفته است :

با چه رویدادی افزایشش بدیم؟

چند تا چند تا؟

راستش من این کدها رو زدم و خواستم خلاصه کنم. که به مشکل خوردم.

$(window).scroll(function() {
  if ($(this).scrollTop() > 125) {
    $("#side-bar span:nth-child(1)").addClass('active');
  }
  if ($(this).scrollTop() < 125) {
    $("#side-bar span:nth-child(1)").removeClass('active');
  }
  if ($(this).scrollTop() > 250) {
    $("#side-bar span:nth-child(2)").addClass('active');
  }
  if ($(this).scrollTop() < 250) {
    $("#side-bar span:nth-child(2)").removeClass('active');
  }
  if ($(this).scrollTop() > 375) {
    $("#side-bar span:nth-child(3)").addClass('active');
  }
  if ($(this).scrollTop() < 375) {
    $("#side-bar span:nth-child(3)").removeClass('active');
  }
  if ($(this).scrollTop() > 500) {
    $("#side-bar span:nth-child(4)").addClass('active');
  }
  if ($(this).scrollTop() < 500) {
    $("#side-bar span:nth-child(4)").removeClass('active');
  }
  if ($(this).scrollTop() > 625) {
    $("#side-bar span:nth-child(5)").addClass('active');
  }
  if ($(this).scrollTop() < 625) {
    $("#side-bar span:nth-child(5)").removeClass('active');
  }
    });

 

لینک به ارسال
$(window).scroll(function() {
	
	var scTop = 125;
	for(var x = 1; x <= 5; x++) {

		if($(this).scrollTop() > scTop)
		
			$("#side-bar span:nth-child("+x+")").addClass('active');
		
		if($(this).scrollTop() < scTop)
		
			$("#side-bar span:nth-child("+x+")").removeClass('active');
			
		scTop += 125;
		
	}
	
});

 

لینک به ارسال
در 1 دقیقه قبل، mehran-b گفته است :

$(window).scroll(function() {
	
	var scTop = 125;
	for(var x = 0; x <= 5; x++) {

		if($(this).scrollTop() > 125)
		
			$("#side-bar span:nth-child("+x+")").addClass('active');
		
		if($(this).scrollTop() < 125)
		
			$("#side-bar span:nth-child("+x+")").removeClass('active');
			
		scTop += 125;
		
	}
	
});

 

ممنون. الان یه مشکلی هست. این که همه باهم کلاس ative  رو میگیرن و همه باهم کلاس active حذف میشه.

لینک به ارسال
در 2 دقیقه قبل، mehran-b گفته است :

اصلاح کردم کد رو.

ببخشید. اما آخرین span کلاس active رو نمیگیره.

لینک به ارسال
در هم اکنون، unid_user گفته است :

ببخشید. اما آخرین span کلاس active رو نمیگیره.

البته الان مقدار height رو برای body برابر 10000 هزار قرار دادم درست شد.

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...