Javascript 在加载时为元素设置动画

我想在整个页面加载后设置动画。我现在正在使用jQuery和UI工具包

到目前为止，我已经：

$(window).on('load',function() {
    UIkit.scrollspy('menus','cls:uk-animation-slide-top');
});

---

好吧，我已经玩过了，我让它做了我想要的，但是动画的表现有点不同。以下是我得到的：

$(window).on('load',function() {
    $('#loading').fadeOut(500); // Hide loading screen
    UIkit.scrollspy('.menus',{cls:'uk-animation-slide-top',delay:500}); // Animate top menus
});

因此，当页面完全加载时，加载屏幕将消失，然后元素将设置动画。太好了

---

但是，元素是一个包含两个导航条的div标记。出于某种原因，当我以这种方式设置动画时，它会将它们都粘在最上面，而不是一个粘在另一个上面。你可以在电视上看到它。我不知道为什么这样设置动画会影响粘性；当我将动画直接添加到元素时，它会加载得很好。

到目前为止，这对您来说效果如何？