卷軸上的問題漸消元素

我有一個固定位置的文章元素，當滾動頁面時我想淡出。我在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>

這似乎並不奏效，而且scolling當元素保持在完全不透明（該網站是在這裏http://edharrisondesign.com/pocketpictograms/）。

任何想法爲什麼？提前致謝。

來源

2013-03-08 Ed Harrison

所以，你要淡出的圖像呢？ – Dom 2013-03-08 20:10:28

對不起，我不是很清楚 - 我想淡出的元素是'#instructions'（它的一小部分類型，指導用戶在頁面底部向下滾動） – 2013-03-08 20:22:52

如果您使用的是var height = $('body').height();，則可能需要指定身體的高度。然而，做如下改變，它應該工作：

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

DEMO： http://jsfiddle.net/SLGdE/20/

來源

2013-03-08 20:49:01 Dom

完美！謝謝Dom – 2013-03-08 20:53:10

卷軸上的問題漸消元素

回答

相關問題