php网页标签鼠标滑动,监控鼠标滚动事件，实现页面上下滚动不同响应操作

ITKEE社区V3.0.1版本更新，补丁包下载了解详情 , 获取ITKEE社区版本，快速授权了解详情

/**

* Created by SuperMan on 2017/6/30.

*/

$(function () {

var p=0,t=0;

$(window).scroll(function () {

var p = $(window).scrollTop();

if(t<=p){//下滚

console.log("向下滚动");

//执行响应操作

}else{//上滚

console.log("向下滚动");

//执行响应操作

}

setTimeout(function(){t = p;},0);

});

});

实现原理：

声明两个变量，p ,t

根据滚动条滚动事件监控并配合setTimeOut函数动态的更改对应的两个变量

然后根据变量值进行比较来获取当前操作是向上滚动还是向下滚动

应用场景：

如浏览本站，页面向下滚动隐藏导航栏，

提供给更多的内容区域供用户浏览

页面向上滚动，展开导航栏，提供用户更多操作

其他的应用场景可以根据自己的需要自行设置

说明：

该方法使用在移动端会存在一定的BUG，目前浏览器带有弹性性质存在，

当用户页面到顶部后会有一个弹性效果，导致监控事件不准确。

该案例可供参考，本站已屏蔽手机端响应此操作。

欢迎来撩！