Javascript 如果窗口滚动量->;然后在jQuery中反向返回

Javascript 如果窗口滚动量->;然后在jQuery中反向返回,javascript,jquery,css,Javascript,Jquery,Css,jQuery: $(window).scroll(function() { var scroll = $(window).scrollTop(); if (scroll >= 50) { $(".class").addClass("bgposi"); // $(".top").addClass("fixd"); // $(".logo").addClass("maxwidth"); if (scroll

jQuery:

$(window).scroll(function() {    
    var scroll = $(window).scrollTop();

    if (scroll >= 50) {
        $(".class").addClass("bgposi");
        // $(".top").addClass("fixd");
        // $(".logo").addClass("maxwidth");
       if (scroll >= 50) {
        $(".class").addClass("bgposi");
        // $(".top").addClass("fixd");
        // $(".logo").addClass("maxwidth");
        }
    }

});

所以,基本上我的类,我添加在滚动
.bgposi
在我使用
(窗口)滚动页面上的
50px
时移动背景图像位置。滚动(函数()
。这很好,所以我的第一条if语句就可以了。但是,当用户向后滚动时,我试图用另一条if语句来反转它-这就是我失败的地方。有任何指针吗?

请更正第二条if语句中的以下内容:

  • 不要把它嵌套起来

  • 将比较运算符
    =
    更改为
    在第二条if语句中更正以下内容:

    • 不要把它嵌套起来

    • 将比较运算符
      >=
      更改为
      谢谢!我想最近做的sass有点太多了。哈哈,嵌套所有内容。谢谢!我想最近做的sass有点太多了。哈哈,嵌套所有内容。
      
      $(window).scroll(function() {    
          var scroll = $(window).scrollTop();
      
          if (scroll >= 50) {
              $(".class").addClass("bgposi");
              // $(".top").addClass("fixd");
              // $(".logo").addClass("maxwidth");
             if (scroll >= 50) {
              $(".class").addClass("bgposi");
              // $(".top").addClass("fixd");
              // $(".logo").addClass("maxwidth");
              }
          }
      
      });
      
      $(window).scroll(function() {
        var scroll = $(window).scrollTop();
        if (scroll >= 50) {
          $(".class").addClass("bgposi");
          // $(".top").addClass("fixd");
          // $(".logo").addClass("maxwidth");
        } else if (scroll <= 50) {
          $(".class").removeClass("bgposi");
          // $(".top").removeClass("fixd");
          // $(".logo").removeClass("maxwidth");
        }
      });
      
      $(window).scroll(function() {
        var scroll = $(this).scrollTop();
        var $class = $(".class"),
          $top = $(".top"),
          $logo = $(".logo");
      
        if (scroll >= 50) {
          $class.addClass("bgposi");
          $top.addClass("fixd");
          $logo.addClass("maxwidth");
        } else if (scroll <= 50) {
          $class.removeClass("bgposi");
          $top.removeClass("fixd");
          $logo.removeClass("maxwidth");
        }
      });