Question

我试图自己做这件事，但我没有到达任何地方。我只有：

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

它已准备就绪。我想要做的是当页面滚动100px时，将“display：none”添加到header元素。

慢慢学习jQuery。谢谢。

编辑：HTML只是

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

#wrap足够高，需要滚动。当滚动传递100px时，我想隐藏header。

Answer 1

您需要挂钩窗口的scroll事件并在那里检查该对象的scrollTop()值：

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

$window.scroll(function() {
    if ($window.scrollTop() > 100)
        $header.hide();
    else 
        $header.show();
});

Answer 2

$（“header”）它应该是$（“＃header”），其中header是标题div的id

根据滚动页面的大小来更改CSS

2 个答案: