Jquery .scroll display：none;不工作

Question

CSS

#acc-close-all, #to-top { 
    position: relative; 
    left: 951px; 
    width: 29px; 
    height: 42px; 
    margin-bottom: 2px; 
    display:none; 
} 

#acc-close-all a, #to-top a { 
    position: absolute; 
    float: right; 
    display: block; 
    height: 42px; 
    width: 29px; 
    overflow: hidden; 
    display:none; 
    cursor: pointer; 
} 

HTML

<div id="acc-close-all"> 
    <a title="Close all open tabs"><!----></a> 
</div> 
<div id="to-top"> 
    <a title="Back to top"><!----></a> 
</div> 

jQuery的

// Scroll close all and bcak to top buttons with the page 
$(window).scroll(function() { 
    var top = $(this).scrollTop(); 
    $('#acc-close-all a, #to-top a').css('top', top + "px").css("display", "inline"); 
}); 

我想這些選項卡淡入慢慢地，當用戶向下滾動頁面，淡化了用戶靠近頂部。

我可以讓它在沒有顯示的情況下工作：none和display：inline，但當用戶向下滾動頁面時它不會顯示。我讀過這http://api.jquery.com/scroll/，但仍然無法實現它的工作。

注意：頁面只有在手風琴打開時纔可以滾動。可以同時打開多個手風琴。

Answer 1

您看不到鏈接的原因是因爲其父容器（#acc-close-all和#to-top）也設置爲display: none，並且從未在滾動中設置可見。

#acc-close-all, #to-top { 
    position: relative; 
    left: 951px; 
    width: 29px; 
    height: 42px; 
    margin-bottom: 2px; 
} 

另外，您可以在您的滾動事件處理程序都設置父容器display: block：可以按如下方式來解決這個問題改變CSS。

這裏的a simplified example與它的工作。