Question

下面的函数检查标题的不透明度（在滚动时淡出），如果小于1，则通过添加类headerclickoff关闭指针事件（可点击性）。出于某种原因，它不会删除它！知道我的代码有什么问题吗？

function headerclickoff(){
  var opacity = $("header").css("opacity");
if ( opacity <= 1) {
    console.log("working");
  $("header").addClass("headerclickoff");
} else {
  $("header").removeClass("headerclickoff");
};
};

Answer 1

opacity值与0...1不同，因此您的情况将始终为真。

所以我认为如果不透明度小于1，不小于或等于

，则需要添加该类

function headerclickoff() {
    var opacity = $("header").css("opacity");
    if (opacity < 1) {
        console.log("working");
        $("header").addClass("headerclickoff");
    } else {
        $("header").removeClass("headerclickoff");
    }
}

您也可以使用toggleClass

function headerclickoff() {
    var opacity = $("header").css("opacity");
    console.log('opacity', opacity);
    $("header").toggleClass("headerclickoff", opacity < 1);
}

演示：Fiddle

if / else语句检查不透明度，并添加类但不删除类

1 个答案: