Jquery iOS上滚动的fadeIn

jQuery fadeIn on scroll在iOS设备上不工作，但在windows、mac和android上工作

我想这与iPhone以不同的方式捕获滚动事件有关，但我如何解决这一问题，使其在所有设备上都能工作，或者只是删除scolling divs上的.hideme类（如果是在iPhone/iPad上）

$（文档）.ready（函数（）{
/*每次滚动窗口时*/
$（窗口）。滚动（函数（）{
/*检查每个所需元件的位置*/
$（'.hideme'）。每个（函数（i）{
变量bottom\u of_object=$（this.offset（）.top+$（this.outerHeight（）；
var bottom_of_window=$（window.scrollTop（）+$（window.height（））；
/*如果对象在窗口中完全可见，请将其淡入淡出*/
if（窗口的底部>对象的底部）{
$（this.animate（{'opacity'：'1'}，500）；
}
}); 
});
});
#容器
{
高度：2000px；
}
#货柜组
{ 
利润率：50像素；
填充：50px；
背景颜色：浅绿色；
}
希德姆先生
{
不透明度：0；
}

你好
你好
你好
你好
你好
你好
淡入
淡入
淡入
淡入
淡入
尝试不使用“每个”事件

$（文档）.ready（函数（）{

}))
 我似乎从来没有找到一个好的解决方案，所以我删除了移动设备上的淡入淡出

我改变了我的动画制作方式，使用了AOS.js（animateonsroll），它具有禁用移动和ipad设备上动画的功能
 谢谢你的建议，但这在windows上是行不通的（不过我还没有用它检查过Android、mac或iOS，但我打赌还是一样的）。在$（'.hideme'）上更改$（this），然后当您到达第一个元素时，它会在同一时间淡入，而不是在到达（每个）元素时淡入
/* Every time the window is scrolled ... */
$(window).scroll( function(e){

    /* Check the location of each desired element */

        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).animate({'opacity':'1'},500);

        }

    });