Javascript 显示滚动95像素后固定在页面顶部的Div

我有一个固定位置的div，它是这样控制的

#backtoallprojects {
  float: none;
  position: fixed;
  top: 0px;
  right: 0px; 
  z-index:9999;
  background-color: rgba(0,0,0,0.5);
}

但是，我只希望它在页面向下滚动95像素后显示

这是因为主导航栏的高度为95px，并且与其他按钮重叠，因此只有在主导航从页面中滚出后才会显示

任何帮助都将不胜感激

谢谢

PS我已经尝试了这两种方法，但都无效：

这对我很有效：

$('#backtoallprojects').hide();
$(document).scroll(function() {
    if ($(document).scrollTop() >= 95) {
     $('#backtoallprojects').show();   
    }
    else {
        $('#backtoallprojects').hide();
    }
});

---

小提琴：谢谢你的回答。jQuery脚本确实有效，结果我不得不改变它添加到Wordpress主题中的方式

---

我需要使用“noconflict模式”，所以不用$use jQuery作为函数名。

你能为我们创建一个提琴吗？有什么不起作用？您可以将代码封装在类似

（function（$）{..your code..}）（jQuery）

的东西中以继续使用$