课程介绍

本课程将会教大家如何从零用原生js编写一个全屏滚动插件，包含手势滑动滚动、键盘上下滚动及鼠标滚轮滚动的方式、控制进入一屏时自动播放或者手动播放动画，并封装起来，能够实现市面上一些简单的全屏滑动，播放元素动画的H5手机网页。

课程分为 五小节，每小节都有若干个步骤。一开始默认只能从第一小节开始学习，后面的小节会被 锁定，每学完一节的最后一个步骤可以 解锁后面一节，以此类推。

效果展示

点击查看最终效果页面

学习须知

本课程建议学习者已掌握的技能水平为：
了解基本的html结构及css样式编写；
会使用原生javascript编写程序
了解javascript常用的WebAPI及浏览器事件的调用；
了解javascript的封装方式、原型继承、面向对象、实例化等基础知识；

如果你的学习能力强，以上都可以忽略，自己边查文档边学就能搞定的。

学习过程中会有很多 编程技巧和提示信息，有些用法对于新手会觉得生僻，课程中会提供一篇很好理解的文章链接来学习理解，同时也希望学习者能够养成这种自己查资料文档自己解决问题的能力。

课程目的不是为了实现全屏滚动效果为目的的，而是为了让学习者可以学习编写javascript插件，插件应该具备什么样的基本功能和条件，并能够独当一面写出更有用的插件作为开源项目发布在开源社区。