ScrollTop не работает в IE и firefox

Question

Привет У меня в настоящее время есть функция, чтобы показывать изображения на this site, если вы прокрутите страницу вниз, вы увидите изображение, которое отображается, а также на this page.

Вот однако scrollTop часть не кажется JS, это будет работать на IE и Firefox, мой разработчик написал, и я пытаюсь исправить это сам, без его помощи ..

revealImages: function() { 
    var currentScroll = 0; 
    var totalScroll = $(document).height() - $(window).height(); 
    var newScroll = $('body').scrollTop(); 

    $('.image-flip').each(function() { 
    if(newScroll + $(window).height() >= $(this).offset().top + 200 && currentScroll < newScroll) $(this).addClass('flipped'); 
    }); 

    currentScroll = newScroll; 
} 

Answer 1

Я нашел некоторые ошибки в вашем коде.

var newScroll = $('body').scrollTop();

заменить на

var newScroll = $('html, body').scrollTop();

FF возврата всегда 0 в вашем случае.

Другая ошибка в инструкции if. Вы забыли {}

Это фикс код

revealImages: function() { 
 
    var currentScroll = 0; 
 
    var totalScroll = $(document).height() - $(window).height(); 
 
    var newScroll = $('html, body').scrollTop(); 
 

 
    $('.image-flip').each(function() { 
 
    if((newScroll + $(window).height()) >= ($(this).offset().top + 200) && (currentScroll < newScroll)){ 
 
    \t $(this).addClass('flipped'); 
 
    } 
 
    }); 
 

 
    currentScroll = newScroll; 
 
}