yanhaijing / zepto.fullpage

Focusing on the fullPage.js for mobile terminals.
MIT License
2.1k stars 509 forks source link

fullpage首屏动画过渡问题 #55

Open lb60412 opened 8 years ago

lb60412 commented 8 years ago

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

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

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

taomas commented 8 years ago

同求该功能。首次加载的时候图片资源过多,加载速度太慢了。

yanhaijing commented 8 years ago

@wendaosanshou 试试这个 https://github.com/yanhaijing/zepto.fullpage/blob/master/demo/lazyload.html 异步加载每屏内容