JS不透明度 - 为什么这个在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>