我制作了这个 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/