滾動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我已經嘗試了這兩種方法，但無濟於事：

從頁面頂部滾動100px后顯示div

在800px之后在scrollDown上顯示div

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作為函數名稱。