如何在滚动时为thead应用css？

Question

我有一张桌子，我希望在滚动时将top css应用于表格的thead。我在执行它时遇到了麻烦。

我尝试了scroll事件，但它没有用。我尝试在DOM中更改css。那时，它的工作。见图。

同样不适用于使用javascript。这是我的功能：

$("#container").scroll(function(){
   $(".header").css({
      "position":"absolute",
      "top":"40px"
   });
});

我错过了什么？为什么它不能使用JavaScript？这是我的链接Plnkr

Answer 1

尝试用.scrollTop()代替"40px"

$(function() {
  $("#container").scroll(function() {
    $(".header").css({
      "position": "absolute",
      "top": $(this).scrollTop()
    });
  });
})

plnkr http://plnkr.co/edit/WzhvE8MRaaoAZzkJ0Jhe?p=preview