Jquery 激活滚动动画
我正在项目中使用,当滚动到时,似乎无法激活动画。动画在我加载该页面后立即开始Jquery 激活滚动动画,jquery,css,animation,Jquery,Css,Animation,我正在项目中使用,当滚动到时,似乎无法激活动画。动画在我加载该页面后立即开始 我更改了脚本,以便在长方体进入视口时立即运行动画 在我添加imagePos之前,您的案例中有一个值200。这意味着您需要向上滚动框,直到浏览器窗口顶部和框之间有200px。既然你的盒子后面没有东西,你也不能把它滚那么远,你需要改变它 我希望这有帮助。$“对象”。每个。。。看起来很奇怪,您只有一个ID为的元素,对吗?$。每个元素都设计用于处理对象集合。你有没有测试过那个部分以确保它正确实现?嗯,我已经直接从源代码复制了代
我更改了脚本,以便在长方体进入视口时立即运行动画 在我添加imagePos之前,您的案例中有一个值200。这意味着您需要向上滚动框,直到浏览器窗口顶部和框之间有200px。既然你的盒子后面没有东西,你也不能把它滚那么远,你需要改变它
我希望这有帮助。$“对象”。每个。。。看起来很奇怪,您只有一个ID为的元素,对吗?$。每个元素都设计用于处理对象集合。你有没有测试过那个部分以确保它正确实现?嗯,我已经直接从源代码复制了代码。我想知道我是否忽略了什么?
$(window).scroll(function() {
$('#object').each(function(){
var imagePos = $(this).offset().top;
var topOfWindow = $(window).scrollTop();
if (imagePos < topOfWindow+200) {
$(this).addClass("fadeIn");
}
});
});
$(window).scroll(function() {
$('#object').each(function(){
var imagePos = $(this).offset().top;
var topOfWindow = $(window).scrollTop();
if (imagePos < topOfWindow+imagePos) {
$(this).addClass("fadeIn");
}
});
});