gpt4 book ai didi

javascript - jQuery 脚本未激活

转载 作者:行者123 更新时间:2023-12-03 05:14:38 24 4
gpt4 key购买 nike

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

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com