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在淡出的滚动

回答

相关问题