Question

我制作了这个jQuery脚本。它的目的是在主体滚动一定量时向<body>添加一个类。但滚动没有任何反应。 DOM控制台不显示任何错误消息。我是一个完整的Javascript新手，所以如果问题是一个简单的标记错误我不会感到惊讶。任何帮助表示赞赏。

＆＃13;

jQuery(document).ready(function() {
	if ((window.screen.width / window.screen.height) >= 1.33){
  $(document.body).on('scroll', function(e) {
if ($(this).scrollTop() > 200) {
      $(document.body).addClass('fix');
    } else {
	  $(document.body).removeClass('fix');
    }

  });
};
});

＆＃13;

body{
  height:200vh;
  background-color:blue;
 }
.fix{
  background-color:red;
  }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

Answer 1

您希望在window

上收听滚动事件

尝试

jQuery(document).ready(function() {
  if ((window.screen.width / window.screen.height) >= 1.33) {
    $(window).on('scroll', function(e) {
      if ($(this).scrollTop() > 200) {
        $('body').addClass('fix');
      } else {
        $('body').removeClass('fix');
      }

    });
  };
});

jQuery脚本没有激活

1 个答案: