IntersectionObserverによるスクロール位置取得

<div id="result">last非表示</div>
<div class="box">
  <div id="last">last</div>
</div>

// <script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.j?features=IntersectionObserver"></script>
var target = document.getElementById('last');
var r = document.getElementById('result');
var observer = new IntersectionObserver(function(changes) {
  for (var i in changes) {
    r.textContent = changes[i].isIntersecting ? 'last表示' : 'last非表示';
  }
});
observer.observe(target);