页面切换CSS3上的过渡动画

时间:2014-08-27 02:04:02

标签: javascript jquery html5 angularjs css3

我想到了一个很酷的事情,我的新网站在我的网页之间有一个滑动过渡。我已经google了一下,找到了像angular.js这样的解决方案以及其他类似的解决方案,但是这些解决方案似乎只适用于单页使用。既然我有更多,我想知道在两页之间的过渡中是否有任何好的和顺畅的方法来实现动画?

所以基本上,当前页面应该有一个动画,根据加载下一页时下一页在水平菜单中的位置,向左或向右移动页面。当目标页面加载完毕后,它将显示该页面的动画,该页面从前一页面消失的相反方向滑入。

这可能吗?

1 个答案:

答案 0 :(得分:0)

如果您可以控制页面中的所有链接,而不是使用硬编码链接,请将导航委派给点击事件。在这种情况下,您首先要在实际导航到目标页面之前播放幻灯片动画。

您可以将输入动画的方向作为参数传递到目标页面网址。默认情况下,目标页面的内容应该不在视图范围内,然后根据动画方向参数,在页面加载后将内容滑回。

相关问题