<div style="height:800px; padding: 20px; color: #999; border: 1px solid #ccc;">
  <p>800px 下に画像があります。</p>
</div>
<img class="lazyload fade-in-bottom" data-expand="-300" data-src="/images/01.jpg" width="960" height="593" alt=""> 

.fade-in-bottom {
  opacity: 0;
  transform: translate(0, 100px);
  transition: 2s;
}
.fade-in-bottom.lazyloaded {
  transform: translate(0, 0);
  opacity: 1;
}