顯示固定到頁面頂部滾動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作爲函數名稱。