我正在尝试将一些外部代码包含到我最近开始工作的一个angular项目中。我想将此五彩纸屑动画添加到项目中
I created a route for the page I need to create in app.js
$stateProvider.state('result', {
url: '/result',
templateUrl: 'templates/result_election.html',
controller: 'ElectionCtrl'
})
由于这个页面链接到Elect
我目前有一个网站,它使用Animate.css on the frontpage ()。它目前的工作方式是,只要用户打开网站,动画就会启动,但这会导致动画“滞后”。我想要的是让它等到整个页面加载到css动画开始做他们的事情,从而使体验更加流畅。
我研究了几个基于js的预加载器,尝试了一些,但是它并没有延迟css动画。一旦页面加载完毕,css动画就已经完成。我是做错了什么,还是JS预加载器不是正确的方法?
所以我制作了这个动画网站,每次我在我的按钮上应用“回顶”代码时,它总是在整个页面上滚动,直到它到达顶部。
我希望它能立即把它们带到顶端,而不需要任何花哨的向上滚动效果,这就是我要得到的。
我尝试过多个脚本,它们都是出于某种原因获得动画的(即使我搜索的脚本代码应该不是动画的)。
这是我正在使用的当前脚本:(我尝试了多次,但它们都产生了相同的动画滚动效果)
<!-- Back to top -->
<script>
var btn = $('#BackTop');
$(window).scroll(function()
这些网页是快速,n脏-模拟,我的任务是制作演示如何标志将动画。
动画制作:
动画不起作用:此页面只应在用户滚动时播放徽标动画,然后如果用户按回顶部按钮(右侧固定在800下),则应倒转。
“不工作”页上脚本和动画的代码=
<!-- load scripts after dom has been rendered -->
<script src="js/gsap/TweenLite.js"></script>
<script src="js/gsap/plugins/CSSPlugin.js"><