Javascript 滚动时淡入动画

我是新来的，我想知道，在这种情况下，如何在滚动此站点时获得显示效果：

有人能帮我弄到这个吗？？请我最大的疑问是如何在向下滚动元素的确切时刻应用动画

---

谢谢大家

这取决于您的编码级别，要实现这一效果，您需要使用javascript。一个简单的方法是找到一个像bootstrap这样的框架，通过阅读他们的文档，你会发现它非常适合你的项目。如果您不想使用引导，那么一个简单的代码示例如下：

为要应用类名动画元素的效果的元素指定

 // store the animation-element elements in a variable

  var $animation_elements = $('.animation-element');
   var $window = $(window);

  function check_if_in_view() {
    var window_height = $window.height();
    var window_top_position = $window.scrollTop();
    var window_bottom_position = (window_top_position + window_height);

    $.each($animation_elements, function() {
      var $element = $(this);
      var element_height = $element.outerHeight();
      var element_top_position = $element.offset().top;
      var element_bottom_position = (element_top_position + element_height);

      //check to see if this current container is within viewport
      if ((element_bottom_position >= window_top_position) &&
        (element_top_position <= window_bottom_position)) {
        $element.addClass('in-view');
     } else {
       $element.removeClass('in-view');
     }
    });
  }

   $window.on('scroll resize', check_if_in_view);
   $window.trigger('scroll');

//将动画元素存储在变量中
var$animation_elements=$（'.animation element'）；
变量$window=$（window）；
函数检查\u如果\u在\u视图（）中{
var window_height=$window.height（）；
var window_top_position=$window.scrollTop（）；
变量窗口底部位置=（窗口顶部位置+窗口高度）；
$.each（$animation\u元素，function（）{
var$element=$（此）；
var element_height=$element.outerHeight（）；
var element_top_position=$element.offset（）.top；
变量元素底部位置=（元素顶部位置+元素高度）；
//检查当前容器是否在视口中
如果（（元素底部位置>=窗口顶部位置）&&
（element_top_position当你展示你的工作或一些实施工作时，人们更倾向于提供帮助。你也可以在搜索“滚动动画中的幻灯片”时找到一些实施。我很乐意与你分享我的项目。但是如果我不知道如何应用它，我可能无法开始任何事情。另一方面，我可以看到你这样做了不要看全部内容，因为我不是在找幻灯片。无论如何，谢谢！嗨，欢迎来到Stackoverflow，首先阅读以下内容：……在第二个问题中，谷歌自己的animate.css和wow.js。。。。