Jquery 使社交图标隐藏，然后显示-然后再次隐藏

我试图让我的社交图标在一定数量的滚动后显示，但在一定长度后再次消失

我已经准备好让它们第一次出现，但不会消失。目前，在>950时，图标显示。例如，我如何使它们在1500时再次消失

这是我当前的代码：

$document.readyfunction{ $'.hide show'.hide； $window.scroll函数{ var y=$this.scrollTop； 如果y>950{ $'.hide show'.fadeIn； }否则{ $'.hide show'.fadeOut； } }; }; .fa脸谱网{ 背景：4444； 不透明度：0.5； 颜色：白色！重要； 边框：2倍纯白； } .fa推特{ 背景：4444； 不透明度：0.5； 颜色：白色！重要； 边框：2倍纯白； } .fa linkedin{ 背景：4444； 不透明度：0.5； 颜色：白色！重要； 边框：2倍纯白； } /*社会的*/ F.社会{ 填充：10px； 字体大小：50px； 宽度：100px； 文本对齐：居中； 文字装饰：无； 保证金：0； } .fa:悬停{ 不透明度：0.9； } 社会容器{ 位置：固定； 左：0； 顶部：35vh； 显示器：flex； 弯曲方向：立柱； } 你好 那么：

$(window).scroll(function () {
    var y = $(this).scrollTop();
    if (y > 1500) {
        $('.hide-show').fadeOut();
    } else if (y > 950) {
        $('.hide-show').fadeIn();
    } else {
        $('.hide-show').fadeOut();
    }
});

---

将AND条件添加到if以创建介于条件之间的

// hide them between 950 and 1500
if (y > 950 && y < 1500) {
   ....