账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    js自定义滑动函数如何在多个div适用,并且保存各自状态
    52
    0

    我现在有一个函数,用来使页面左右滑动。但是现在出现一个问题,滑动的场景有两个,一级菜单和二级菜单。现在如果用在一起的话,一级菜单滑动完以后数值会保存,当点入二级菜单以后使用之前的状态。如何可以将这个事件给拷贝或者各自不影响呢?


     $(el).on("touchstart", function(e) {
            var targetTouches = e.originalEvent.targetTouches;
            old_x = parseInt(targetTouches[0].pageX);
            _click = 1;
            var num = $(this).find("li").length;
            switch (true) {
                case num<=4:
                huadong = 1;
                    break;
                case num > 4&&num <= 8:
                huadong = 2;
                    break;
                default:
                    huadong = 3;
                    break;
            }
        }).on("touchend", function(e) {
            _click = 0;
            if(move == -1){
                if(jishu < huadong){
                    jishu++;
                    baifen-=parseFloat(100/huadong); 
                    $(this).css({
                        "transform": "translateX("+baifen+"%)",
                        "transition": "all .5s"
                    })
                }
            }else if (move == 1){
                if (jishu > 1) {
                    jishu--;
                    baifen += parseFloat(100/huadong);
                $(this).css({
                    "transform": "translateX("+baifen+"%)",
                    "transition": "all .5s"
                })
                }
            }
        }).on("touchmove", function(e) {
            var targetTouches = e.originalEvent.targetTouches;
            new_x = parseInt(targetTouches[0].pageX);
            if (_click == 1) {
                if (new_x - old_x < 50) { //向前
                    move = -1;
                } else if (new_x - old_x > 50) {
                    move = 1;
                } else {
                    move = 0;
                }
            }
        })
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部