Javascript 动画滚动加载效果

当滚动到有动画的div，然后使用animate时，如何做到这一点？ 这是我的部门：

   <div class="otsenka-bottom-c ">
     <div class="otsenka-bottom-cl">
       <h3><b>ОБРАЩАЙТЕСЬ К НАМ, ЕСЛИ</b></h3>
       </div>
       <div class="border-black"></div>
        <div class="otsenka-bottom-cb">
            <div class="otsenka-bottom-block" >
            <div class="otsenka-bottom-block-p an-1" style="position:relative; left:-200%">
            <div class="align-middle" style="text-align:right;width:65%;">
               <h3><b>LOREM IPSUM</b></h3>
                <ul><li style="text-align:right; color:#000;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima itaque neque fugit rem, in praesentium, est. </li></ul>
            </div>
            <div class="align-middle" id="ellipse">
                <img src="assets/img/ellipse.png" class="img-responsive">
            </div>              
            </div>
       </div>
     </div>
   </div>

---

@斯图尔特是的，斯图尔特。这就是我要找的for@DavidBittner当元素滚动到视图中时，如何触发该元素上的动画？=）@大卫比特纳非常感谢你@斯图尔特：非常感谢！！！！！！！在你的帮助下完蛋了。@Stuart是的，Stuart。这就是我要找的for@DavidBittner当元素滚动到视图中时，如何触发该元素上的动画？=）@大卫比特纳非常感谢你@斯图尔特：非常感谢！！！！！！！在您的帮助下完成=）

function Animate() {
  if ($(window).width() >= 414) {
    $('.otsenka-bottom-c').hover(function() {
      $(".centre").animate({
        top: "0px",
        opacity: 1
      }, 1000, function() {
        $(".an-1").animate({
          left: 0
        }, 1500);
      });
    });
  } else {
    $(".centre").css({
      top: "0"
    });
    $(".an-1").css({
      left: "0"
    });
  }
}
Animate();