问题?鼠标滚轮事件的获取及理解,俗称"滚滚屏"及案例下载
下载地址:案例下载
什么是鼠标滚轮事件呢?
传统的网页浏览形式,是通过滚动条进行浏览。而鼠标滚轮式浏览,是去除了滚动条而通过鼠标滚轮滑动的方式进行浏览了。
那么问题来了?我们如何获取鼠标滚轮事件呢?接下来,我用一个例子来给大家说明
1.滚滚屏的特点:
1) 没有纵向滚动条,网站只能一次显示一个屏幕。
2) 通过鼠标滚轮滚动,能够一屏一屏切换。
3) 每个屏幕都有进场动画、退场动画
4) 每个屏幕中,都有能够交互的元素。
2.原理:使用js框架来获取网页滚轮事件,所以我们要用到jquery的js框架,我们知道jQuery事件可以捕捉:click、mouseenter、mouseleave、mousedown、mouseup、focus、blur、ready这样的事件的,但是jQuery是不能捕获鼠标滚轮事件的,必须利用插件(jquery.mousewheel.min.js)。
1)这个插件可以去官网(滚滚屏插件:jquery官网)下载
2)另一种方式下载
3.捕获鼠标滚轮事件