• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > 移动端单屏滚动网页怎么实现,网页里有CSS3动画效果?

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

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含等相关知识,匿名希望在学习及工作中可以帮助到您
为产品做活动,要做一套单屏滚动的网页,有点小动画

回复内容:

楼主,建议使用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

您可能想查找下面的文章:

相关文章

  • 2017-08-06HTML5中div、article、section的区别及使用介绍
  • 2018-12-03HTML入门必知
  • 2018-12-03HTML5实践之歌词同步播放器的示例代码分享
  • 2018-12-03HTML5跨域信息交互技术之postMessage代码实例详解
  • 2018-12-03网页的分页下标生成代码(PHP后端方法)
  • 2017-08-06突袭HTML5之Javascript API扩展3—本地存储全新体验
  • 2018-12-03[html5游戏开发]经典的推箱子
  • 2018-12-03如何得到 HTML5 格式的优酷视频?
  • 2018-12-03分享一个利用H5实现下拉顶部放大的实例代码
  • 2018-12-03HTML5高级编程之图形扭曲及其应用一(原理篇)

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • html 里面的 role 属性是什么意思和用途?
    • SVG基础|SVG图形填充颜色
    • html5构建触屏网站之touch事件介绍_html5教程技巧
    • html5 canvas (三)
    • ios加载html5 audio标签时遇到的问题分享
    • HTML5边玩边学(2)基础绘图实现方法_html5教程技巧
    • canvas画矩形和svg画矩形的两种方法代码
    • HTML5离线缓存在tomcat下部署可实现图片flash等离线浏览
    • 详解HTML5中的进度条progress元素简介及兼容性处理的示例代码
    • html5教程画矩形代码分享

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有