向下滚动时,Javascript会更改DIV颜色

时间:2015-08-09 17:57:50

标签: jquery html css scroll colors

我有这个代码,它不会改变div的颜色。我已经尝试了很多来自stackoverflow的脚本,但我找不到一个可行的脚本。



$(window).scroll(function(event) {
  var scroll = $(window).scrollTop();
  if (scroll > 20) {
    document.getElementById("scroller").style.background = "#3C3F47";
  }
});

#scroller {
  height: 80px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // ie8
  filter: alpha(opacity=50); // ie5-7
  -moz-opacity: 0.5;         // netscape
  -khtml-opacity: 0.5;       // Safari 1.x
  opacity: 0.5;              // Good browsers
  border-bottom: 0px;
}

<div id="scroller" class="navbar-fixed-top scroller">
  asd
</div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

$(窗口)在加载jquery时工作!

您似乎没有加载任何jquery文件

  

1.从此网址下载jquery并将其加载到您的网页上!

http://blog.jquery.com/2013/01/15/jquery-1-9-final-jquery-2-0-beta-migrate-final-released/

  

2.喜欢这样:

$(function(){
$(window).scroll(function(event) {
  var scroll = $(window).scrollTop();
  if (scroll > 20) {
    document.getElementById("scroller").style.background = "#3C3F47";
  }
});
})