滾動上的麻煩衰落元素

Question

我有一個固定位置的article元素，我想在滾動頁面時淡出。 我對Javascript不太了解，但是經過一番研究，我整理了這個腳本。

<script type="text/javascript">

        //when the DOM has loaded
        $(document).ready(function() {

            //attach some code to the scroll event of the window object
            //or whatever element(s) see http://docs.jquery.com/Selectors
            $(window).scroll(function () {
                  var height = $('body').height();
                  var scrollTop = $('body').scrollTop();
                  var opacity = 1;

                  // do some math here, by placing some condition or formula
                  if(scrollTop > 400) {
                      opacity = 0.5;
                  }

                  //set the opacity of div id="someDivId"
                  $('#instructions').css('0', opacity);
            });
        });
    </script>

這似乎不起作用，並且在進行拼寫時該元素仍處於完全不透明的狀態（該網站位於http://edharrisondesign.com/pocketpictograms/ ）。

有什么想法嗎？ 提前致謝。

Answer 1

如果使用var height = $('body').height(); ;，則可能需要指定var height = $('body').height(); 。 但是，進行以下更改，它應該起作用：

$('#instructions').css('opacity', opacity);

演示： http : //jsfiddle.net/SLGdE/20/