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

Question

我有一个固定的位置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

Answer 1

这对我有用：

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

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

Answer 2

感谢您的回答。 jQuery脚本确实有效，但事实证明我必须改变它添加到Wordpress主题的方式。

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