Не работают условия JS, почему и как решить?

152

28 сентября 2019, 05:20

В JS после первого условия далее условия даже в других функциях, даже с другими id и классами, не работают (именно на скролл).

Расскажите, почему так и как это пофиксить? У меня для каждого текстового поля своя протяженность менюшки и для каждого блока свои id и классы. И после первого условия для 1ого текстового блока, далее все функции принимают значения этого условия, и почему-то игнорируют свои же условия. Ниже привожу пример. 1ое условие до 3500 пикселей скролл. Второе условие до 3000 игнорируется и берется 3500 с первого условия.

$(window).on("scroll", function() { 
  if (($(window).scrollTop() > 900) && ($(window).scrollTop() < 3500)) { 
    $("#tabid").addClass("tab1"); 
    $("#London").addClass("tabedit"); 
  } else { 
    $("#tabid").removeClass("tab1"); 
    $("#London").removeClass("tabedit"); 
  } 
}); 
 
$(window).on("scroll", function() { 
  if (($(window).scrollTop() > 900) && ($(window).scrollTop() < 3000)) { 
    $("#tabid").addClass("tab2"); 
    $("#Paris").addClass("tabedit2"); 
  } else { 
    $("#tabid").removeClass("tab2"); 
    $("#Paris").removeClass("tabedit2"); 
  } 
});

Answer 1

$("#tabid"). - выбирает один и тот же элемент (один) в обоих условиях.

А условие во втором обработчике включает в себя условие из первого.