В 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");
}
});
