Div在淡出的滾動

我有一個白色的標題上方的藍色橫幅，當我向下滾動到我的網站的身體頭部有點迷失在網站的白色背景，我想添加一個小影子（使用jpeg文件），但我只希望它出現在「藍色橫幅之後」，這可能嗎？這是我到目前爲止？Div在淡出的滾動

這裏是JavaScript

<script> 
var divs = $('.line'); 
$(window).scroll(function(){ 
    if($(window).scrollTop()<101){ 
     divs.fadeOut("slow"); 
    } else { 
     divs.fadeIn("slow"); 
    } 
}); 
</script>

這裏是CSS

.line { 
    position: fixed; 
    z-index: 100000; 
    margin:0 auto; 
    top:0px; width:100%; 
    background:#ff0000; 
}

任何幫助，將不勝感激。謝謝你們

來源

2014-01-30 Liam David Hodnett

[Show scroll when scroll position]的可能重複（http://stackoverflow.com/questions/9097501/show-div-when-scroll-position） – davewoodhall

爲什麼JavaScript內部樣式標記。或者它只是一個錯字。 –

你已經做了很好的問你的問題，並顯示你迄今爲止做了什麼。但是，您從未告訴我們您的方法出了什麼問題。它是否在錯誤的時間顯示div？在控制檯中顯示錯誤？完全沒有造成任何影響？ – Phrogz

根據將腳本塊移到</body>之前的修復，問題在於您的腳本塊在您的頁面內容加載之前正在執行。具體而言，var divs = $('.line');未找到任何匹配元素。

另一種方式來做到這一點是把你的腳本，無論你想（在<head>，最好是從另一個文件鏈接），並導致該代碼只運行一次該文件已加載：

$(function(){ 
    // This code runs when the document is ready. 
    // Put your code here. 
);

或者（並且不太理想），您可以執行您所做的操作：在</body>之前立即將腳本塊放置在文檔的底部。

來源

2014-01-30 15:44:06 Phrogz

Div在淡出的滾動

回答

相關問題