窗口提示，向下滚动（滑动）消失，向上滚动出现

概述窗口提示，向下滚动（滑动）消失，向上滚动出现

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家，也给大家做个参考。

/*********************** * 函数：判断滚轮滚动方向 * 参数：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     }}

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的窗口提示，向下滚动（滑动）消失，向上滚动出现全部内容，希望文章能够帮你解决窗口提示，向下滚动（滑动）消失，向上滚动出现所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。