Jquery 使用动态高度显示时设置元素动画

我知道如何使用css设置元素的动画。但是，我正在尝试设置jQuery，以便在用户向下滚动时激活css动画效果。所以基本上添加到元素类中。我知道如何根据设定的高度来做，但我有大小和高度变化的动态内容。我该如何改变身高尺寸呢

我希望css在元素在浏览器中可见时激活。下面的代码基于设置的高度执行此操作，但是我的内容是动态的

设置高度的代码：

$(window).scroll(function() {
        $('#animatedElement').each(function(){
        var imagePos = $(this).offset().top;

        var topOfWindow = $(window).scrollTop();
            if (imagePos < topOfWindow+400) {
                $(this).addClass("slideUp");
            }
        });
    });

$（窗口）。滚动（函数（）{
$（'#animatedElement'）。每个（函数（）{
var imagePos=$（this）.offset（）.top；
var topOfWindow=$（window.scrollTop（）；
if（图像位置

更新

请注意，上面的代码不是我的，而是作者。我可能在问题中没有说清楚，以便更好地解释

---

基本来说，我只是想在div在浏览器中可见时添加一个类（例如“slide”）。由于div可能位于不同的位置，因此我无法根据高度进行此操作。

以下是一个工作示例。只需参考

slideUp

类更改CSS样式，例如添加

overflow:hidden

以获得动态、非固定高度

---

哪个零件是动态的

+400

？还有，为什么要对id选择器执行

each（）

。ID必须是唯一的。我需要它是动态的。我知道这不是动态的…这不是我的代码。这是从我所说的代码是用于设置heightsTry的，使用jquery来制作动画，而不是使用css。不清楚你在问什么@user2966586