javascript - jQuery 脚本未激活

标签 javascript jquery html

我制作了这个 jQuery 脚本。其目的是向 <body> 添加一个类当body滚动一定量时。但是滚动时什么也没有发生。 DOM 控制台不显示任何错误消息。我是一个完全的 Javascript 新手,所以如果问题是一个简单的标记错误,我不会感到惊讶。 如有任何帮助,我们将不胜感激。

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');
    }

  });
};
});
body{
  height:200vh;
  background-color:blue;
 }
.fix{
  background-color:red;
  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

最佳答案

你想监听窗口上的滚动事件

尝试

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');
      }

    });
  };
});

关于javascript - jQuery 脚本未激活,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41656388/

相关文章:

javascript - 映射对象内的数组

javascript - 如何使用 JavaScript 在此处缩放存储在数组值中的所有诺基亚 map 标记

javascript - 带标签的 CKEditor 自定义插件环绕选择

javascript - 当到达幻灯片中的最后一个 div 时,如何跳回第一个 div?

未使用 html 形式的 onsubmit 调用 Javascript 函数

html - 溢出内容背景颜色未扩展

javascript - 为什么在调用有效函数时会出现类型错误? | Angular 2

javascript - 如何编写等待 3 个不同 ajax 请求响应的事件驱动代码?

jquery - 是否可以使用鼠标滚轮滚动调整元素字体大小?

javascript - 如何使用样式和ID动态添加div