在视口中检测元素在手机safari上不起作用

Question

我使用简单实用函数从this Answer检测元素是否在我的视口中。如果是，则为我的内容启动淡入淡出动画。

它可以在Windows，macOS，Android和iOS 上的所有浏览器上正常工作，Safari除外。在Safari中，内容保持隐藏状态，仅当我尝试缩小我的网站的后，才开始动画。我在iOS 10和11 Beta 5上进行了测试。

我对这个问题的解决方案是检测用户是否在iOS上使用Safari并且不会为我的内容设置动画。但我想解决这个问题，以便动画工作。谁能帮我这个？

编辑：我认为这个问题是由Semantic-ui引起的。用纯html和javascript测试它，它工作。我现在尝试修复它。