Question

这是一个示例http://jsfiddle.net/EhLsT/

$(window).scroll(function () {
  if ($(window).scrollTop() > $("#header").offset().top) {
    $("#floating").show();
  }
  else {
    $("#floating").hide();
  }
});

我想在#floating scrollTop

之后显示我的450px

Answer 1

试试这个

$(window).scroll(function () {
  if ($(window).scrollTop() > 450) {
    $("#floating").fadeIn(500);
  }
  else {
    $("#floating").hide();
  }
});

#floating {
    height:30px;
    background:#00CC00;
    position:fixed;
    z-index:2;
    width:500px;
    top:450px;
}

Answer 2

我不确定是否理解你的问题但是你想在450px之后显示#floating试试这个：

$(window).scroll(function () {
  if ($(window).scrollTop() > $("#header").height()) {
    $("#floating").show();
  }
  else {
    $("#floating").hide();
  }
});

只需将$("#header").offset().top更改为$("#header").height()

即可

如何修复我的浮动菜单并在450px后显示它

2 个答案: