yanhaijing/zepto.fullpage

fullpage首屏动画过渡问题

Open

#55 opened on Jan 19, 2016

View on GitHub
 (2 comments) (0 reactions) (1 assignee)CSS (519 forks)batch import
enhancementhelp wantedquestion

Repository metrics

Stars
 (2,107 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

由于用到fullpage的项目一般都大几百KB以上,特别是图片很多,这个时候,就需要进行前端资源预加载,然后再显示fullpage。流程如下:

1.打开页面首先出现loading页面,然后进行各种资源预加载 2.当资源加载完毕之后 ,初始化fullpage 3.loading页面消失 显示fullpage。问题就在这里,loading页面不能直接消失,fullpage也不能直接出现,这样会吓到用户的,必须给二者增加一个动画过渡(其实就是loading页面平滑消失,fullpage平滑显示)。当二者的动画都执行完毕,发现第一屏已经增加了.cur这个类,旗下动画早已执行完毕,而我需要的是,当二者的过渡动画执行完毕后,再给第一屏增加.cur这个类 ,这样的话 用户就能看到第一屏的动画

说了一堆:需求就是,增加一个fullpage 首次显示时的延时,这个延时只会运行一次。

Contributor guide