更改元素在scroll（）上的位置

Question

具有以下提琴： 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");
  }
});

Answer 1

在代码中，每次调用scroll函数时，都在添加或删除类。 这可能导致数百次添加或删除“固定”类。 我不知道这是否可以解决您的问题，但我会使用

 cta.hasClass("fixed"); 

在尝试添加元素之前检查该类是否已应用于元素。

Answer 2

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

链接

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