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

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

// <script src="https://polyfill.io/v2/polyfill.min.js?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);