0

我试图自己做到这一点，但我没有得到任何地方。我只有：

if($("body").scrollTop() > 100) {
    $("header").css("display", "none");
}

它在准备好的文档中。我想要做的是header在页面滚动 100 像素时向元素添加“显示：无”。

慢慢学jQuery。谢谢你。

编辑：HTML 很简单

<div id="wrap">
  <header>...</header>
  ...
</div>

#wrap足够高，需要滚动。当滚动超过 100px 我想隐藏header。

4

2 回答 2

2

您需要连接到 windows 的scroll事件并在其中检查该对象的scrollTop()值：

var $window = $(window),
    $header = $('header');

$window.scroll(function() {
    if ($window.scrollTop() > 100)
        $header.hide();
    else 
        $header.show();
});
于 2013-01-12T04:30:05.890 回答
-2

$("header") 它应该是 $("#header") 其中 header 是 header div 的 id

于 2013-01-12T04:21:57.100 回答