Javascript 从特定点加载页面时不触发滚动动画

我正在使用jQuery在视图中设置页面上div的动画。为此，我使用以下代码：

var $window = $(window);

// Scrolling animations //

function check_if_in_view() {

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

  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');
    }
  });
}

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


$(document).ready(function() {
  check_if_in_view();
});

var$window=$（window）；
//滚动动画//
函数检查\u如果\u在\u视图（）中{
var$animation_elements=$（'.animation element'）；
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使用JQuery的$（文档）。准备好并调用您的函数了吗？我以前尝试过，但没有成功，只是再次尝试并成功！一定是缓存了。事实上，它不起作用。我无意中滚动了：（您正在设置变量，$animation_elements，在脚本顶部，在$（文档）中设置它的值）.ready，以便页面完全呈现。嘿，伙计，我尝试添加您建议的内容，但仍然没有成功：（我已更新了我的问题，以便您可以查看最近的代码