Javascript anime.js动画未在Safari（iOS7）和Opera Mini（iOS9）上启动

这可能是一个通用的移动设备或iOS问题，但我正在分别运行iOS 7和iOS 9的iPhone4和iPadMini1上进行测试

我有一个简单的菜单图标动画设置，以扩大其高度时，点击（当菜单打开）。动画是在绑定到menu div的click事件上启动的。它在桌面浏览器上工作得非常好，但在我正在测试的任何一个移动设备上都不会启动动画。这是我第一次尝试使用该库为项目中的元素设置动画，因此我不熟悉它的怪癖

有谁能告诉我为什么这在移动设备上不起作用？ 这可能是因为我将动画的函数调用绑定到了一个事件吗？或者animejs与我正在测试的浏览器版本不兼容

以下是我的代码（如果您需要更多的上下文，我很乐意将其包括在内，但现在我认为这就足够了）：

var rem=函数rem（）{
设html=document.getElementsByTagName（'html'）[0]；
返回函数（）{
返回parseInt（window.getComputedStyle（html）['fontSize']）；
}
}();
函数toRem（长度）{
返回（parseInt（length）/rem（））；
};
var showTop=document.getElementById（'showTop'），
导航点=$（“.nav_点”）；
showTop.onclick=函数（）{
如果（toRem（导航点高度（））==0.5{
让nav_打开=动画({
目标：“#showTop.nav_dot”，
不透明度：0.5，
高度：['0.5雷姆'，'4雷姆']，
放松：'轻松外四'
});
}否则{
让nav_关闭=动画({
目标：“#showTop.nav_dot”，
不透明度：0.7，
高度：['4rem'，'0.5rem']，
放松：'轻松外四'
});
}
};
.nav\u点{
高度：自动；
宽度：自动；
位置：相对位置；
右：0；
排名：0；
底部：0；
保证金：自动；
背景：无；
z指数：100000；
}
.导航点{
保证金：0.5雷姆；
右：0；
高度：0.5雷姆；
宽度：0.5雷姆；
背景：#333；
边界半径：0.5雷姆；
不透明度：1；
显示：内联块；
}