移动端单屏滚动网页怎么实现，网页里有CSS3动画效果？
程序员文章站
2022-04-17 13:45:04
...
为产品做活动，要做一套单屏滚动的网页，有点小动画
-------------------
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的，想快速又不想动脑子就直接用了。 http://www.swiper.com.cn
回复内容：
楼主,建议使用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的，想快速又不想动脑子就直接用了。 http://www.swiper.com.cn