淡入功能不会起作用

Question

我是jQuery的新手，所以请耐心等待。我试图创建一个名为div的div＆＃34; cover＆＃34;淡入使用其不透明度CSS属性。这是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>‌​