单页面应用(SPA)内容滚动有没有好的解决方案?

 济南及周边地区,私人订制 女士spa,异性spa 情侣spa ➕微 411901410 @送精品护理体验 

当时使用的是类似于jQuery Mobile的转场效果实现的。

做项目的时候还会评价到到几样东西,一方面是体积,一方面是跨平台的性能,还有一些自定义UI的东西。对于jQueryMobile的话,能够解决交互需求,但是体积,跨平台,还有自定义UI都是很大的问题。

但是他的交互实现方式是可以参考的。比如你所说得过场动画,实际上就是使用HTML5的History来实现的。同时在页面内提供一个足够大的Container,让两个页面容纳在这个Container里面。让过场动画看起来流畅。

所以我当时的解决方案就是:

写好基本的页面布局,学习jQueryMobile的方法,将页面内容异步载入。关于滚动的效果,使用FTScroller(ftlabs/ftscroller · GitHub)实现。一方面是保证了体积,此外也保证了交互和设计需求。没有贴代码,希望你能够理解这个处理过程。如果你看FT Web App(金融时报的HTML5应用),你就发现FTScroller其实已经实现了你大部分的需求了。
关键词:

 济南及周边地区,私人订制 女士spa,异性spa 情侣spa ➕微 411901410 @送精品护理体验 

网友留言(0条)

发表评论