清华大佬耗费三个月吐血整理的几百G的资源,免费分享!....>>>
/*********************** * 函数:判断滚轮滚动方向 * 参数:event * 返回:滚轮方向 1:向上 -1:向下 *************************/ var scrollFunc = function (e) { var direct = 0; e = e || window.event; if (e.wheelDelta) { direct = e.wheelDelta > 0 ? 1 : -1; } else if (e.detail) { direct = e.detail < 0 ? 1 : -1; } isShow(direct); } function isShow(direct) { if (direct == 1) { //向上显示 $(".guanzhuweixin-s").fadeIn(); var winH = $(document).height(); } else { //向下隐藏 $(".guanzhuweixin-s").fadeOut(); } } //全局变量,触摸开始位置 var startX = 0, startY = 0; //touchstart事件 function touchSatrtFunc(evt) { try { var touch = evt.touches[0]; //获取第一个触点 var x = Number(touch.pageX); //页面触点X坐标 var y = Number(touch.pageY); //页面触点Y坐标 //记录触点初始位置 startX = x; startY = y; } catch (e) { alert('touchSatrtFunc:' + e.message); } } //touchmove事件,这个事件无法获取坐标 function touchMoveFunc(evt) { try { //evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等 var touch = evt.touches[0]; //获取第一个触点 var x = Number(touch.pageX); //页面触点X坐标 var y = Number(touch.pageY); //页面触点Y坐标 if (y - startY > 0) { //向下滑 $(".guanzhuweixin-s").fadeIn(); } else { //向上滑 $(".guanzhuweixin-s").fadeOut(); } } catch (e) { alert('touchMoveFunc:' + e.message); } } //touchend事件 function touchEndFunc(evt) { try { //evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等 //var text = 'TouchEnd事件触发'; //document.getElementById("result").innerHTML = text; } catch (e) { alert('touchEndFunc:' + e.message); } } //绑定事件 function bindEvent() { document.addEventListener('touchstart', touchSatrtFunc, false); document.addEventListener('touchmove', touchMoveFunc, false); document.addEventListener('touchend', touchEndFunc, false); } //判断是否支持触摸事件 function isTouchDevice() { try { document.createEvent("TouchEvent"); bindEvent(); //绑定事件 } catch (e) { //不支持TouchEvent事件! /*注册事件*/ if (document.addEventListener) { document.addEventListener('DOMMouseScroll', scrollFunc, false); }//W3C window.onmousewheel = document.onmousewheel = scrollFunc;//IE/Opera/Chrome } }