当div到达页面顶部时，Jquery Css会发生变化

大家早上好

今天我遇到了这个代码的问题…我希望元素“.cubo”在“#team”部分位于视口中时移动

我尝试使用以下代码：

var team = $('#team').offset().top;

$(window).on( 'scroll', function(){
        if ($(window).scrollTop() >= team) {
            $('.cubo').css({top:"10%", left: "30%"});
        } else {
            $('.cubo').css({top: "0", left:"0"});
        }
    });

如果我在“#团队”已经在视口中时刷新页面，效果会很好…但是如果我滚动到“#主页”，它就不起作用了。。。为什么

拜托，你能告诉我吗

---

谢谢

只有在页面加载时，您才能获得团队的偏移量，然后在页面滚动时，您才能执行其他操作

尝试将offset变量移动到函数中，以便它在滚动时重新计算偏移量

$(window).on( 'scroll', function(){
    var team = $('#team').offset().top;
    if ($(window).scrollTop() >= team) {
        $('.cubo').css({top:"10%", left: "30%"});
    } else {
        $('.cubo').css({top: "0", left:"0"});
    }
});

早上好

我认为您的javascript可以工作，请参见以下代码片段。你能发布一个模仿你的HTML和CSS的代码片段吗？我想这与此有关

var-team=$（'#team'）.offset（）.top；
$（窗口）.on（'scroll'，function（）{
如果（$（窗口）.scrollTop（）>=团队）{
$（'.cubo'）.css（{top:“10%”，left:“30%”）；
}否则{
$（'.cubo'）.css（{top:0，left:0}）；
}
});
#容器{
高度：1000px；
}
库博先生{
位置：固定；
}
#团队{
位置：绝对位置；
顶部：300px；
}

库波
团队
谢谢Johannes的回复！