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我已经尝试了这两种方法，但无济于事：

Show div after scrolling 100px from the top of the page

Show div on scrollDown after 800px

最佳答案

这为我工作：

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

小提琴：http://jsfiddle.net/ray9209/kayweuyp/1/