<div style="height:1800px; padding: 20px; color: #999; border: 1px solid #ccc;">
  <p>1800px 下に画像があります。</p>
</div>
        
<div class="bgimg lazyload"></div>

<!--  lazysizes の読み込み -->
<script src="lazysizes.min.js"></script>
<!--  unveilhooks プラグインの読み込み -->
<script src="ls.unveilhooks.min.js"></script>

.bgimg.lazyloaded  {
  background-image: url(/images/sample.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height:600px;
  max-width: 960px;
  margin: 50px 0;
}