Javascript 淡入功能赢得'；行不通

我对jQuery非常陌生，所以请容忍我。我正在尝试使用其不透明度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位的JSFIDLE:。这似乎是一件简单的事情，但根本不起作用。谁能帮帮我吗

---

提前感谢！：）

代码中缺少此脚本标记：

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

‌​

你还没有在你的小提琴中链接jQuery。在这里工作很好：请在你的帖子中包含所有相关的代码，不要只包含代码托管站点的链接。你的帖子应该独立于任何其他资源；考虑一下如果这个网站将来会发生什么情况！嗯，真奇怪。它在我的实际代码中不起作用。我在结束body标记之前有一个确切的jQuery。你知道会出什么问题吗？这是整个页面上jQuery的唯一部分。就像我说的，我对这个很陌生；链接被弄乱是什么意思？哦，哇，不，我没有。相信我，我很尴尬。非常感谢你的帮助！：）