1

私は現在、次の単純な jQuery スクリプトを自分のサイトで実行していますが、うまく機能していますが、アニメーションのフェードイン/アウトを追加したいと考えています。私は、どこから始めればよいかを知るのに十分なほどjQueryに堪能ではありません。どんな助けでも素晴らしいでしょう！実際の例は、 http://staging.biggermarkets.comで見ることができます。

    $(window).scroll(function() {
if ($(window).scrollTop() > 380) {
    $('.logo').css("opacity", 1);
}
else{
    $('.logo').css("opacity", .1);
}
});
4

3 に答える 3

3

不透明度を 0 より大きくする必要がある場合、または0 から 1 の間の不透明度にする必要がある場合に、fadeTo指定された期間にわたって不透明度を変更するために使用します。fadeInfadeOut

$(window).on('scroll', function(){
  var logo = $('.logo');
  var w = $(window);
  if(w.scrollTop() > 350){
    logo.stop(true, false).fadeTo(500, 1.0);
  } else if(w.scrollTop() < 350) {
    logo.stop(true, false).fadeTo(500, 0.1);
  }
});
于 2013-09-16T20:47:41.313 に答える
1 
$('.logo').fadeIn()

ドキュメンテーションでフェードインします。

于 2013-09-16T20:45:37.517 に答える
0

おそらくfadeTo()を使いたいでしょう。

于 2013-09-16T20:47:40.783 に答える