滚动动画在页面从​​特定点加载时不会触发

Question

我正在使用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();
});

从顶部加载页面时，此功能非常有用。但是，如果向下滚动页面，单击链接然后返回上一页，页面将从您离开的位置开始，并且不显示div。

无论如何我可以修改这段代码，所以当页面加载时，如果已经滚动了div，那么它们会出现吗？

这有意义吗？