总是能看见很多广告或者网站都是使用整屏滚动的效果，一直看着都心痒痒，想自己也实现一个。最近刚学习到css3的动画效果，所以尝试使用css3做了一个整屏切换。 页面结构 实现思路与大众方法类似，如图 每个section就是一页内容，它的大小充满了屏幕（红色区域），一个container由多个section构成，我们通过改变container的位置，来达到页面切换的效果。container向

###在线演示 http://ftp592347.host584.zhujiwu.me/js-fullpage/index.html ###知识点总结 当需要制作转动鼠标滚轮放大页面字体这样的交互效果时，会用到 Mousewheel 事件。其实在大多数浏览器（IE6, IE7, IE8, Opera 10+, Safari 5+）中，都提供了 “mousewheel” 事件。但杯具的是 Fire

这是一款使用jQuery和CSS3制作的效果超炫的3D整屏垂直滚动页面特效。该页面滚动特效在用户滚动鼠标或点击右侧的导航圆点按钮时，当前页面会3D倾斜缩小，下一个页面会逐渐放大并占满整个屏幕，效果非常酷。 效果演示：http://www.htmleaf.com/Demo/201506132028.html 下载地址：http://www.htmleaf.com/jQuery/Layout-

最近在jquery库中看到有人封装了整屏滚动(fullpage)的插件，感觉还挺有意思，然后想了一下怎么用原生js 实现。 本文的实例讲述了原生javascript实现的全屏滚动功能。分享供大家参考，具体如下： 1. 计算当前浏览器屏幕高度，每次翻页显示的内容高度即为屏幕高度 2. 对鼠标滚轮事件进行监听，注意滚轮事件的浏览器兼容问题。 效果图如下： 目录  一、先看看页面布局