javascript - 淡入淡出功能不起作用

Question

我是 jQuery 的新手，所以请多多包涵。我正在尝试使用其 opacity CSS 属性使一个类名为“cover”的 div 淡入淡出。这是 jQuery:

var div = $('.cover');
var divH = div.height();
$(window).on('scroll', function() {
  var st = $(this).scrollTop();
  div.css({ 'opacity' : (0 + st/divH) });
});

我这里有一个带有 CSS 和 HTML 位的 JSFiddle:http://jsfiddle.net/ShubhangD/6xm0o8ta/ .这似乎是一件简单的事情，但它根本不起作用。谁能帮帮我？

提前致谢! :)

Answer 1

您的代码中缺少此脚本标记:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>‌​