5

ここで見つけたスクリプトを追加しました。それは御馳走になります。ただし、フェード効果を適用しようとすると行き詰まりました。その瞬間、それはただ切り取られます。

script type="text/javascript">


    $(document).ready(function() {


        $(window).scroll(function () {
              var height = $('body').height();
              var scrollTop = $('body').scrollTop();
              var opacity = 1;


              if(scrollTop > 400) {
                  opacity = 0;
              }

           $('.social').css('opacity', opacity);
        });
    });
</script>

編集:私はこれを結び、それは動作します。どうもありがとうございました:

<script type="text/javascript"> 
$(window).scroll(function() { 
// The social div 
var $socialDiv = $('.social'); 

//Get scroll position of window 
var windowScroll = $(this).scrollTop(); 

//Slow scroll of social div and fade it out 
$socialDiv.css({ 
'margin-top' : - (windowScroll / 3) + "px", 
'opacity' : 1 - (windowScroll / 550) 
}); 
}); 
</script>​
4

1 に答える 1

2

その効果には、.animate （）または.fadeTo（）を使用する必要があります。

を使用.css('opacity', opacity);すると、要素が突然消えます。

于 2012-07-13T12:42:05.993 に答える