Javascript - 滚动修复表头

Question

我这里有一个代码笔 - https://codepen.io/anon/pen/yKrmOo

我的桌子上面有内容

当页面滚动并且表格到达页面顶部时，我需要表格标题是粘性的 并且表格内容5在下面滚动。

我需要将表头保持在表格顶部的位置，因为表格也从左向右滚动

我尝试使用javascript，但是我使用固定数字作为pageYOffset，但我不知道这将是什么，所以当表格到达页面顶部时我需要它。

window.onscroll = function() {myFunction()};

var tableHeader = document.getElementById('thead');
var sticky = header.offsetTop;

function myFunction() {
  tableHeader.classList.add("sticky");
  if (window.pageYOffset >= 200) {
    tableHeader.classList.add("sticky");
  } else {
    tableHeader.classList.remove("sticky");
  }
}