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

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作为函数名称。