根据页面滚动的多少来更改CSS

我试图自己做这件事，但我没有得到任何地方。我所有的是：根据页面滚动的多少来更改CSS

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

这是在一个文件准备好。当页面滚动100px时，我想要做的是将“display：none”添加到header元素。

慢慢学习jQuery。谢谢。

编辑：HTML仅仅是

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

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

来源

2013-01-12 Brian

请后我没有使用一个id为我的头中的HTML – 2013-01-12 04:23:43

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

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

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

来源

2013-01-12 04:30:05 matehat

这个工程！谢谢。你会解释什么“钩到窗口的滚动事件”是什么意思？ – Brian

通过上面的'$（window）.scroll（...）'调用，每当窗口更新其滚动位置时，就会告诉浏览器（使用jQuery）调用给定的函数。它基本上是在每次滚动更新时触发“滚动”事件，并且您希望在发生这种情况时调用函数。 – matehat

非常有趣。再次感谢你。 – Brian

-2

$（“头”），它应该是$（“＃头”），其中头是头DIV的ID

来源

2013-01-12 04:21:57 Vicky

。我想隐藏我正在使用的

元素。 – Brian

根据页面滚动的多少来更改CSS

回答

相关问题