Question

所以我的导航菜单有这个代码，当我在智能手机视图中（即添加了“响应”类）时，我不希望所有的东西都从第3行开始。但是当我向下滚动时，我的背景仍会改变颜色。感觉就像我的浏览器以某种方式混淆了我的第一个if语句的结束括号和其他一个。我做错了什么？

$(document).ready(function(){
  if(!$(".site-nav").hasClass("responsive")){
    $(window).scroll(function(){
        $(".site-nav").css("top",Math.max(-10,130-$(this).scrollTop()));
    });

    $(window).on("scroll",function(){
    var wn = $(window).scrollTop();

    if(wn > 130){
        $(".site-nav").css("background","rgba(225,225,225,0.7)");
    }
    else{
        $(".site-nav").css("background","rgba(0,0,0,0)");
    }

    });
  }
});

Answer 1

在事件中使用if语句

  $(document).ready(function(){

        $(window).on("scroll",function(){
          if(!$(".site-nav").hasClass("responsive"))
          {

            $(".sitenav").css("top",Math.max(-10,130-$(this).scrollTop()));
            var wn = $(window).scrollTop();

            if(wn > 130){
                $(".sitenav").css("background","rgba(225,225,225,0.7)");
            }
            else{
                $(".site-nav").css("background","rgba(0,0,0,0)");
            }
          }


        });

    });

Jquery if语句不适用于括号内的所有元素

1 个答案: