置顶菜单栏和滚屏效果的实现

一、首先是置顶菜单 ，在需要置顶的div上添加属性

position:relative; z-index:99999;

参考：http://blog.sina.com.cn/s/blog_67373f630100vsl3.html

二、滚屏效果的实现

1、全屏滚屏效果：引入fullPage.js

演示：http://www.dowebok.com/191.html

学习：http://www.dowebok.com/77.html

关于最后的div不足一屏如何展示，可以使用js进行控制，参考问题：https://segmentfault.com/q/1010000004242389?sort=created#answers-title

解决方式：

首先在js中设置scrollBar:true属性，然后添加js方法

说明：判断index--3，如果滚动到第三屏（最后一屏）即将滚动方式设置为手动，即手动滚动到底部

2、平滑滚动到页面指定位置：引入scrollTo.js

演示：http://www.helloweba.com/view-blog-118.html

3、html自带scrollTo()方法

详解：http://www.w3school.com.cn/jsref/met_win_scrollto.asp

js方法如下：

说明：设置三个位置，分别是（0，0），（400，0），（1000，0），鼠标滑动则页面不断在这三个位置变换（敏感度很高）

js%2是用来解决一次触发事件执行两次代码的问题（原因未知），详见：http://tieba.baidu.com/p/3548388992