スクロールの特定のセクションでクラスを追加する方法

Question

こんにちは私はいくつかの特定のセクションでクラスを追加したいと思います。画像をぼかす。

参照：https://www.stanford.edu/。私は、ユーザーがセクションにスクロールしたときに画像をぼかしたい。

Answer 1

あなたがぼかしたい画像を持つDIVがページの上部または特定の位置にある場合、クラスを追加したいと考えています。

DIV（画像がぼやけている）を取得する必要があります。あるいは、Offset in jQuery termと言うこともできます。

var YourDiv = $(".YourDivHavingImageToBeBlur"); 
    $(window).scroll(function() { 
     var scroll = $(window).scrollTop(); 
     // Here You can add your conditions according to your requirments 
     if (scroll == YourDiv.offset().top) { 
      YourDiv.addClass('YourClass'); 
     } 
    });