在視口中檢測元素在手機safari上不起作用

Question

我使用簡單實用函數從this Answer檢測元素是否在我的視口中。如果是，則爲我的內容啓動淡入淡出動畫。

它可以在Windows，macOS，Android和iOS 上的所有瀏覽器上正常工作，Safari除外。在Safari中，內容保持隱藏狀態，僅當我嘗試縮小我的網站的後，纔開始動畫。我在iOS 10和11 Beta 5上進行了測試。

我對這個問題的解決方案是檢測用戶是否在iOS上使用Safari並且不會爲我的內容設置動畫。但我想解決這個問題，以便動畫工作。誰能幫我這個？

編輯：我認爲這個問題是由Semantic-ui引起的。用純html和javascript測試它，它工作。我現在嘗試修復它。