0

ページをスクロールするときにフェードアウトしたい固定位置の記事要素があります。私は 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>

これは機能していないようで、スクロールしても要素は完全に不透明のままです (Web サイトはhttp://edharrisondesign.com/pocketpictograms/です)。

理由はありますか？前もって感謝します。

4

1 に答える 1

1

を使用している場合は、本体の高さを指定する必要がある場合がありますvar height = $('body').height();。ただし、次の変更を行うと機能するはずです。

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

デモ: http://jsfiddle.net/SLGdE/20/

于 2013-03-08T20:49:01.310 に答える