javascript - iScroll5 ios无法滑动，安卓没问题

问题描述

问 题

$("#choose").on("click",function(){
           $(".mask").css("display","block");
           $(".choose_box").css('display',"block");
           var liHeight=parseInt($('#num li').css("height"));
           var numScroll= new IScroll('#num', {
                scrollY: true,
                listenY: true,
                tap:true,
                momentum: false,
                snap: 'li' 
            })
            numScroll.goToPage(0,0);
            numScroll.refresh();
            numScroll.on('scrollEnd',function(){            
                var numHeight=Math.abs(this.y);
                numIndex=parseInt(numHeight/liHeight);
                chooseNum=numIndex;
                numScroll.refresh();        
           })    
})

前端菜鸟做的移动端遮罩层滑动选择器，踩了一堆坑，最后安卓测试好了，测试ios发现无法滑动-_-||。不知道是哪里出的问题(猜测是ios端初始化没有成功。定位用的是absolute)

解决方案

在页面打印你要添加滑动的这个wrapper的高度，看是否和你设定的高度一致，如果没设置高度，而是由内容撑开了高度，就有出现导致滑不动的情况

这篇关于javascript - iScroll5 ios无法滑动，安卓没问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！