javascript - JS opacity - 为什么这在 jsfiddle 上有效，但在实时环境中无效？

Question

我在 stackoverflow 上找到了下面的代码，并希望在我的页面上实现这是在 JSFiddle http://jsfiddle.net/7RHxz/上工作，但当我在 Web 浏览器的实时环境中预览页面时却没有。我怀疑这可能是由于“加载”过程或类似的原因？我刚刚在下面添加了脚本。也许缺少什么？谢谢

   <script> 
   var target = $('#intro-right');
var targetHeight = target.outerHeight();

$(document).scroll(function(e){
    var scrollPercent = (targetHeight - window.scrollY) / targetHeight;
    if(scrollPercent >= 0){
        target.css('opacity', scrollPercent);
    }
});
 </script>

Answer 1

当然，听起来你忘记输入ready函数了。

<script>
$(function () {
  // Put your code here...
});
</script>