値の範囲を指定して if ステートメントを作成しようとしています。たとえば、空白よりも大きいが空白よりも小さい場合は、これを実行します。私がこれまでに持っているのは、最初の 2 つの if ステートメントでのみ機能するようです。3 番目も大きいため、値の範囲を共有し、3 番目の if ステートメントが機能しないようです。そうですか?
$(window).scroll(function() {
var about = $("#about_container").outerHeight(true) - 50;
var scroll = $(window).scrollTop();
if (scroll <= ($("#top_section").outerHeight(true) + $("#grid").outerHeight(true)) ) {
$(".nav_middle_text").removeClass("selected");
$(".nav_middle_text").addClass("notselected");
$("#work").removeClass("notselected");
$("#work").addClass("selected");
} else if (scroll > ($("#top_section").outerHeight(true) + $("#grid").outerHeight(true) - about) ) {
$(".nav_middle_text").removeClass("selected");
$(".nav_middle_text").addClass("notselected");
$("#about_link").removeClass("notselected");
$("#about_link").addClass("selected");
} else if (scroll > ($("#top_section").outerHeight(true) + $("#grid").outerHeight(true) + about) ) {
$(".nav_middle_text").removeClass("selected");
$(".nav_middle_text").addClass("notselected");
$("#services").removeClass("notselected");
$("#services").addClass("selected");
}
});