Question

整个页面加载后，我想给某些东西添加动画。我现在正在使用jQuery和UI Kit。

到目前为止，我有：

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

Answer 1

好的，我玩了很多，我可以按照自己的意愿去做，但是动画的动作却有所不同。这就是我所拥有的：

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

因此，当页面完全加载时，加载屏幕消失，然后元素进行动画处理。完美！

但是，该元素是一个包含两个导航栏的div标签。出于某种原因，当我以这种方式对其进行动画处理时，会将它们都贴在最上面，而不是一个贴在另一个上。您可以在http://culturehog.com上看到它。我不知道为什么以这种方式设置动画会影响粘性；当我直接将动画添加到元素时，它会很好地加载。

加载时的动画元素

1 个答案: