页面加载时，如何执行javascript动画？

我不想使用css3转换，保持它的纯.js。让我们假设如下

---

单击时，会出现div，但如何在页面加载/打开时运行相同的函数，而不是通过单击btn触发函数？

在页面加载或jquery称之为的事件上触发事件，

document.ready

$(document).ready(function() {
  // do whatever.
});

document.ready

short版本

 $(function () {
   // do whatever.
 });

---

在本例中，他们在jQuery中向您展示了它，并且已经将它包装到一个函数中，直到页面加载后才执行该函数。您只需要删除单击处理程序的“内脏”，并直接调用它

更改：

$(document).ready(function(){
    $("button").click(function(){
        $("#div1").fadeIn();
        $("#div2").fadeIn("slow");
        $("#div3").fadeIn(3000);
    });
});

致：

---

您想要vanilla.js还是jQuery？此外，jQuery转换实际上改变了DOM元素的CSS。我不确定是否有一种可行的方法可以在不使用CSS的情况下进行转换。嗨，我还有另一个问题，现在假设我们有具有相同属性的div，但它位于页面底部，用户必须向下滚动才能看到。当用户向下滚动时，应该如何使其动画化（像现在一样）。换言之，我应该如何使它在用户滚动动画？？请检查此模板并向下滚动，查看滚动时div的显示方式：

$(document).ready(function(){
     $("#div1").fadeIn();
     $("#div2").fadeIn("slow");
     $("#div3").fadeIn(3000);
});