5.6 scroll 事件

範例一：window scroll

瀏覽器監聽 scroll 事件，可以透過 window.scrollX 及 window.scrollY 取得滑動的距離。例：

window.addEventListener("scroll", function(e){
  console.log("scrollX: " + window.scrollX);
  console.log("scrollY: " + window.scrollY);
});

範例二：元素 scroll

範例三：認識 getBoundingClientRect()

MDN：https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect

範例四：螢幕往下滑，碰到某個元素