javascript - 在 WordPress 的向下滚动事件中隐藏 div

Question

我试图在向下滚动事件中隐藏#header，然后在页面向上滚动时重新出现。

页面链接:- http://elementsmart.com/product-category/jewellery/

我使用的 JavaScript 代码

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"   type="text/javascript">
$('#primary').scroll(function(){
if($(this).scrollTop() > 300) $('#header').fadeOut('slow');
if($(this).scrollTop() < 300) $('#header').fadeIn('slow');
});
</script>

CSS

#header-container { 
position:fixed !important;
margin-left:1.6% !important;
z-index:999 !important;
}

当有人滚动时，主要需要隐藏标题。

在 jsfiddle 上尝试似乎工作完美，但在页面上现在显示。

有人可以指导一下吗？

Answer 1

即将完成，更改

$('#primary').scroll(function(){

到

$(window).scroll(function(){

同时用以下内容包装您的代码

$(function(){
    //your code here
});