实现全屏幕上下效果：

加载js








CSS样式如下：


体{填充：0；边距：0；溢出：隐藏}
列表样式：无；}
。内容{宽度：100%；height100 %；位置：相对；顶：0；}
div_01 div_02。，。，。div_03，。div_04 {宽度：100%；保证金：0汽车；文本对齐：中心；}
背景：# b20909。div_01 {；}
背景：# 0941b2。div_02 {；}
背景：# 2db209。div_03 {；}
背景：# b29c09。div_04 {；}
。left_fixed {位置：固定；宽度：15px；身高：100px；左：100px；顶部：200px；Z指数：999；}
left_fixed ul {。
背景：# 000；鼠标指针；宽度：高度：15px 15px；
边界半径15px；margin-bottom: 10px；
}
。left_fixed ul。主动{背景：# FFF；}




jQuery代码如下所示：


var页面= 0；双屏幕变量，最初的第一个屏幕
无功shakstaute = 0； / /这是可变的。鼠标滚轮已向下或向上滑动抖动。
$（函数（）{（））
VaR StartTime = 0，
结束时间= 0；
$（体）。Mousewheel（函数（事件、三角）{）
StartTime =新（日期）（的时间）； / /初始时间记录在屏幕上
如果（δ= 0页< = $（。内容。divsame ），长度为2）{
如果（shakstaute > = 0（开始时间= = 0 | |（结束时间-开始时间）< = 500）{ / / 500ms）在双屏幕
shakstaute = 1；
页+；
RenderPage（页，true）； / /双画面功能
结果=新（日期）（的时间）； / /录音时间将屏幕结束
}
如果（δ> 0页> = 1 shakstaute = = 1人}（开始时间= 0 | |（结束时间-开始时间）< = 500））{
页；
RenderPage（页面，真的）；
结果=新的日期（）GetTime（）；
}
}）；
无功div_height = $（窗口）Height（）；
$（。divsame）。Css（{ 'height：div_height }）；
$（窗口）。调整大小（函数（）{）
div_height = $（窗口）Height（）；
$（。divsame）。Css（{ 'height：div_height }）；
$（'内容'）。动画（{顶：页×div_height }，100）；
}）；

$（。left_fixed ul（，），功能（点击）{ / /点击小屏幕导航转向执行
var索引= $（this）；
如果（索引> 0）{
shakstaute = = 1；
}
页=索引；
RenderPage（页面，真的）；
$（。left_fixed ul）。RemoveClass（主动）；
$（这）。AddClass（主动）；
返回false；
}）；
功能renderpage（书页数，isscroll）{
如果（isscroll）{
$（'内容'）。动画（{：-四* div_height }，'慢'）；
$（。left_fixed ul）。RemoveClass（主动）；
$（。left_fixed ul）。Eq（四）。AddClass（主动）；
}
返回；
}
}）



这也是一个实时响应。

再看一个例子

注意JS、jQuery库，和mousewheel.js已经实施的头装index.js













体{填充：0；边距：0；溢出：隐藏}
列表样式：无；}
div_01 div_02。，。，。div_03，。div_04 {宽度：100%；保证金：0汽车；文本对齐：中心；}
背景：# b20909。div_01 {；}
背景：# 0941b2。div_02 {；}
背景：# 2db209。div_03 {；}
背景：# b29c09。div_04 {；}
。left_fixed {位置：固定；宽度：15px；身高：100px；左：100px；顶部：200px；Z指数：999；}
。left_fixed ul {背景：# 000；鼠标指针；宽度：15px；高度：15px；边界半径15px；margin-bottom: 10px；}
。left_fixed ul。主动{背景：# FFF；}






















jQuery代码如下所示（索引JS）：


var i = 0；双屏幕变量，初始第一屏幕
var = 0；这是变量。鼠标滚轮已向下或向上滑动抖动。

$（函数（）{（））

VaR StartTime = 0，
结束时间= 0；
$（体）。Mousewheel（函数（事件、三角）{）

StartTime =新（日期）（的时间）； / /初始时间记录在屏幕上

如果（δ＝0 i < = 2）{

如果（S＞＝0（开始时间= = 0 | |（结束时间-开始时间）< = 500）{ / / 500ms）在双屏幕
s＝1；
++；
RenderPage（我，真的）； / /双画面功能
结果=新（日期）（的时间）； / /录音时间将屏幕结束
}
如果（δ> 0 }我> = = 1（1S组StartTime = = 0 | |（结束时间-开始时间）< = 500））{
我--；
/ / console.log（我）；
RenderPage（我真的）；
结果=新的日期（）GetTime（）；
}

}）；

无功div_height = $（窗口）Height（）；

$（。div_01，div_02 div_03。，。，。div_04）。Css（{ 'height：div_height }）；

$（窗口）。调整大小（函数（）{）

无功div_height = $（窗口）Height（）；

$（。div_01，div_02 div_03。，。，。div_04）。Css（{ 'height：div_height }）；

}）；

功能renderpage（书页数，isscroll）{
如果（isscroll）{
（'body美元，HTML），动画（{ scrollTop：书页数* div_height }，'慢'）；
$（。left_fixed ul）。RemoveClass（主动）；
$（。left_fixed ul）。Eq（四）。AddClass（主动）；
}

返回；
}

$（。left_fixed ul（，），功能（点击）{ / /点击小屏幕导航转向执行
var索引= $（this）；
renderpage（指数，真的）；
$（。left_fixed ul）。RemoveClass（主动）；
$（这）。AddClass（主动）；
返回false；
}）；
}）