Javascript 使用JQuery WordPress滚动显示/隐藏div

我有一个div，在我的网站的屏幕底部有一个社交栏，但我只想在用户滚动一点后显示它，并在用户即将到达页脚时隐藏它。所以在页面结束之前大约200像素+

这是我的部门：

<div class="sticky-bar-hr">
.......
</div>

这就是我正在尝试的JQuery：

 <script> 
$(document).scroll(function() {
  var y = $(this).scrollTop();
  if (y > 800) {
    $('.sticky-bar-hr').fadeOut();
  } else {
    $('.sticky-bar-hr').fadeIn();
  }
});
</script>

$（文档）。滚动（函数（）{
var y=$（this.scrollTop（）；
如果（y>800）{
$（'.sticky bar hr'）.fadeOut（）；
}否则{
$（'.sticky bar hr'）.fadeIn（）；
}
});

但它不起作用。问题似乎是没有调用该函数。我正在Wordpress的主页HTML中设置脚本

有什么帮助吗

---

提前感谢

这是因为您已经反转了

fadeIn

和

fadeOut

以下是一个工作片段：

$（文档）。滚动（函数（）{
var y=$（this.scrollTop（）；
如果（y>800）{
$（'.sticky bar hr'）.fadeOut（）；
}否则{
$（'.sticky bar hr'）.fadeIn（）；
}
});
。粘滞条hr{
显示：无；
位置：固定；
底部：0；
左：0；
右：0；
高度：30px；
背景颜色：蓝色；
}

.......










































































试试这个


$（窗口）。滚动（函数（）{
var y=$（this.scrollTop（）；
如果（y 200）{
$（'.sticky bar hr'）.fadeIn（）；
} 
如果（y+$（this）.height（）==$（document）.height（））{
$（'.sticky bar hr'）.fadeOut（）；
}
});
正文{
高度：2000px；
}
.粘条{
位置：固定；
底部：0；
宽度：100%；
高度：50px；
背景：#000；
显示：无；
}

尝试记录滚动事件本身，查看其是否均匀调用。如果有效，那么尝试记录y，看看是否达到800+。因为脚本逻辑看起来很正常，所以没有调用事件。如果我发出警告（“你好！我是一个警告框！！”）；在函数内部，它不会显示它。我能做什么？也许你需要
$（document）.ready（函数（）{然后滚动到这里？}）问题是我无法使函数工作。我在它里面放了一个警告，它从来没有显示任何东西。为什么会这样？Wordpress中有些东西会“杀死”你的js代码。
 <script> 
$(document).scroll(function() {
  var y = $(this).scrollTop();
  if (y > 800) {
    $('.sticky-bar-hr').fadeOut();
  } else {
    $('.sticky-bar-hr').fadeIn();
  }
});
</script>