zoukankan      html  css  js  c++  java
  • 滚动条滚动方向

    // 页面滚动监听事件
    window.onscroll = function(e){
        scrollFunc();
        if(scrollDirection == 'down'){
            console.log('down')
        }
        else if(scrollDirection == 'up'){
            console.log('up')
        }else if(scrollDirection == 'left'){
            console.log('left')
        }
        else if(scrollDirection == 'up'){
            console.log('up')
        }
    }
    let scrollAction = {x: 0, y: 0}, scrollDirection = '';
    // 判断页面滚动方向
    function scrollFunc() {
        if (scrollAction.x == 0 || scrollAction.y == 0) {
        scrollAction.x = window.pageXOffset;
        scrollAction.y = window.pageYOffset;
        }
        let diffX = scrollAction.x - window.pageXOffset;
        let diffY = scrollAction.y - window.pageYOffset;
        if (diffX < 0) {
            // Scroll right
            scrollDirection = 'right';
        } else if (diffX > 0) {
            // Scroll left
            scrollDirection = 'left';
        } else if (diffY < 0) {
            // Scroll down
            scrollDirection = 'down';
        } else if (diffY > 0) {
            // Scroll up
            scrollDirection = 'up';
        } else {
            // First scroll event
        }
        scrollAction.x = window.pageXOffset;
        scrollAction.y = window.pageYOffset;
    }
    以自己现在的努力程度,还没有资格和别人拼天赋
  • 相关阅读:
    bzoj 1856 组合
    bzoj 2809 左偏树平衡树启发式合并
    【HMOI】小C的填数游戏 DP+线段树维护
    【HNOI】 小A的树 tree-dp
    bzoj 1483 链表启发式合并
    bzoj 2733 平衡树启发式合并
    bzoj 2669 状压DP
    bzoj 2165 DP
    【HNOI】 lct tree-dp
    远程debug配置
  • 原文地址:https://www.cnblogs.com/zhenjianyu/p/14710949.html
Copyright © 2011-2022 走看看