Wie eine Klasse in bestimmten Abschnitt auf Bildlauf hinzufügen

Question

Hallo Ich möchte eine Klasse in einem bestimmten Abschnitt hinzufügen. um ein Bild zu verwischen.

Referenz: https://www.stanford.edu/. Ich möchte ein Bild verwischen, wenn der Benutzer zu einem Abschnitt blättert.

Answer 1

Sie möchten eine Klasse hinzufügen, wenn Ihr DIV Bild, das Sie unscharf machen möchten, auf der Oberseite oder auf einer bestimmten Position auf Ihrer Seite ist.

Sie müssen die dynamische Scroll oben auf Ihrem DIV (Bild zu verwischen) haben. Oder Sie können Offset in jQuery Begriff sagen.

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'); 
     } 
    });