• 技术文章 >web前端 >H5教程

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

    2016-06-07 08:43:29原创1105
    为产品做活动,要做一套单屏滚动的网页,有点小动画

    回复内容:

    楼主,建议使用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
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:
    上一篇:都说H5游戏好开发,但是开发之后怎么办,渠道怎么找?目前国内H5游戏现状如何,未来又如何规划? 下一篇:各位前辈,有没有学习WebGL方面的经验愿意分享?
    Web大前端开发直播班

    相关文章推荐

    • 深入解析asp.net中mvc4自定义404页面(分享)• 在今天,利用 HTML5 开发和发布大型跨平台网游,可行性如何?要解决哪些问题?• 避免常见的六种HTML5错误用法 (5-6)• 在HTML5 Canvas中放入图片和保存为图片的方法_html5教程技巧• phonegap使用方法介绍(八)操作数据库

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网