javascript - 更改元素在scroll()上的位置

有以下小提琴：
http://jsfiddle.net/hpXL4/202/

试图使其正常工作，但似乎不能吗？滚动X高度后，希望基本更改元素的位置。

var cta = $("#bottomcta");
cta.on("scroll", function(e) {
  if (this.scrollTop > 50) {
    cta.addClass("fixed");
  }
    else {
    cta.removeClass("fixed");
  }
});

最佳答案

必须使用Windows元素。下面的代表链接.... :)

Link

var cta = $(window);
cta.on("scroll", function(e) {
  if (cta.scrollTop() > 50) {
    $("#bottomcta").addClass("fixed");
  }
    else {
    $("#bottomcta").removeClass("fixed");
  }
});