Home  >  Article  >  Web Front-end  >  移动端单屏滚动网页怎么实现,网页里有CSS3动画效果?

移动端单屏滚动网页怎么实现,网页里有CSS3动画效果?

WBOY
WBOYOriginal
2016-06-07 08:43:291749browse

为产品做活动,要做一套单屏滚动的网页,有点小动画

回复内容:

楼主,建议使用fullpage.js+zepto.js 动画的话用animate.css(Animate.css),基本上可以满足90%的需求了,别问我怎么知道了,切专题切多了就明白了
-------------------
9.17更新:
最近发现fullpage在安卓微信中运行出现问题,原因是 腾讯X5内核又升级了,导致fullpage向下滚不动,最快解决办法是把配置文件中的css3设置成false, 缺点就是 运行更加不流畅了.... 最后建议使用百度某大神出品的:zepto.fullpage(yanhaijing/zepto.fullpage · GitHub)+zepto ,还有最最重要的一点,这套东西压根就是完全重写了,原先的配置文件基本上都用不了了,切记改配置文件 前几天刚做了几个微信分享的活动专题页面,单屏切换那种。应该是楼主需要的那种。

hahnzhu/parallax.js · GitHub - 这个是现成又快速的,每屏页面自带动画。要快又懒的话就直接用里面demo套进去再更改下元素的先后顺序就行了。

yanhaijing/zepto.fullpage · GitHub - 移动端的fullpage。比较灵活,页面动画需自己写。

tgideas/motion · GitHub - 还有这个。

类似的库应该还有很多,以上都是针对移动web的,想快速又不想动脑子就直接用了。 swiper.com.cn
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn