JQueryスクロールの問題でのクラスの追加

スクロールコードの追加クラスに問題があります。スクロールした後にクラスを追加するのではなく、スクロールを開始するとすぐにすべての要素にクラスを追加します。JQueryスクロールの問題でのクラスの追加

http://sandbox.viaphase.com/ajs-presentation/

$(document).ready(function() { 
    $(window).scroll(function(){ 

     /* Check the location of each desired element */ 
     $('.animscroll').each(function(i){ 
      var bottom_of_object = $(this).offset().top + $(this).outerHeight(); 
      var bottom_of_window = $(window).scrollTop() + $(window).height(); 

      /* If the object is completely visible in the window, fade it it */ 
      if(bottom_of_window > bottom_of_object){ 
       $(this).addClass('SlideUp'); //Adds animation class to element 
      } 

     }); 
    }); 
});

出典

2016-04-09 Nicholas J Panella

あなたが投稿したコードは、私が作ったこのフィドルで私のために働くようです：https://jsfiddle.net/damo_s/xs9ndk5a/ –

私はそれがあなたのデモであなたのために働くことに気付きました...なぜあなたは思いますか？それは私のページではうまくいかないのですか？その非常に奇妙な... –

問題は、あなたのコードではありません、$(window).height()はあなたのhtmlにはDOCTYPEがないので、これがある$(document).height();

と同じように報告しています。

追加：あなたのページの最上部へ

<!DOCTYPE html>、そしてあなたのコードはうまく動作するはずです。

出典

2016-04-09 03:31:49

うわー、それは働いた...私はそれを逃したと信じられない！ありがとう！ –

JQueryスクロールの問題でのクラスの追加

答えて

関連する問題