zoukankan      html  css  js  c++  java
  • JS监视滚轮向上和向下滑动与滚轮距离上部的距离(转自网络)

        windowAddMouseWheel();  
        function windowAddMouseWheel() {  
            var scrollFunc = function (e) {  
                e = e || window.event;  
                if (e.wheelDelta) {  //判断浏览器IE,谷歌滑轮事件  
                    if (e.wheelDelta > 0) { //当滑轮向下滚动时  
                        alert("滑轮向上滚动");  
                    }  
                    if (e.wheelDelta < 0) { //当滑轮向上滚动时  
                        alert("滑轮向下滚动");  
                    }  
                } else if (e.detail) {  //Firefox滑轮事件  
                    if (e.detail> 0) { //当滑轮向下滚动时  
                        alert("滑轮向上滚动");  
                    }  
                    if (e.detail< 0) { //当滑轮向上滚动时  
                        alert("滑轮向下滚动");  
                    }  
                }  
            };  
            //给页面绑定滑轮滚动事件  
            if (document.addEventListener) {  
                document.addEventListener('DOMMouseScroll', scrollFunc, false);  
            }  
        //滚动滑轮触发scrollFunc方法  
            window.onmousewheel = document.onmousewheel = scrollFunc;  
        }  
    
    window.onscroll=function(){
    
    //变量t就是滚动条滚动时,到顶部的距离
    var t =document.documentElement.scrollTop||document.body.scrollTop;
    }
    
  • 相关阅读:
    Diverse Garland
    Basketball Exercise
    Quasi Binary
    Vacations
    Given Length and Sum of Digits...
    三大集合框架之map
    三大集合框架之Set
    JDBC操作数据库的基本步骤:
    java面试之----堆(heap)、栈(stack)和方法区(method)
    JSP九大隐式对象
  • 原文地址:https://www.cnblogs.com/zhangrui0328/p/8962811.html
Copyright © 2011-2022 走看看