Question

我在蓝色横幅上面有一个白色标题，当我向下滚动到我的网站的主体时，标题在网站的白色背景中有点丢失，我想添加一个小阴影（使用jpeg文件）但我只希望它出现在“蓝色横幅之后”，这可能吗？这是我到目前为止所拥有的？

这是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;
}

任何帮助将不胜感激。谢谢你们

Answer 1

根据将脚本块移动到</body>之前的修复，问题是您的脚本块在页面内容加载之前正在执行。具体来说，var divs = $('.line');没有找到任何匹配的元素。

另一种方法是将脚本放在任何你想要的位置（在<head>中，最好从另一个文件链接），并使该代码仅在文档加载后运行：

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

或者（不太理想）你可以做你做的事情：在</body>之前立即将脚本块放在文档的底部。

Div在滚动的某个点上淡入淡出

1 个答案: