Jquery 关键帧和视差

我在加载页面时使用关键帧。 您可以看到，当您重新加载页面时，带有背景的div会产生不透明度效果

我在这个背景图像上使用了视差效果（），但是当我的过渡动画完成并且开始滚动时，我遇到了一个问题：在这些动作之间，我的背景图像上有一个移位/移动

为什么?

这是我的。

.image {
  height:200px;
  width:400px;
  background-image:url("http://hdwallpaperbackgrounds.net/wp-content/uploads/2016/07/background-pictures-2.jpg");
  margin:50px;
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

@keyframes fadeInUpImage {
  0% {
   /* transform: translate3d(0, 50%, 0);*/
    opacity:0;
    transform: translateY(50%);
  }

  100% {
    opacity:1;
    transform: translateY(0px);
  }
}

.m-scene .scene_element {
  -webkit-animation-duration: 0.80s;
  animation-duration: 0.80s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }


.m-scene .scene_element--fadeinupimage {
  -webkit-animation-name: fadeInUpImage;
  animation-name: fadeInUpImage; }

---

当dom准备就绪时，它似乎没有加载插件。我该如何修复它？你正在更新小提琴，我该如何修复它：）哦，我的坏！