首頁  >  問答  >  主體

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)

仅有的幸福仅有的幸福2686 天前818

全部回覆(2)我來回復

  • 巴扎黑

    巴扎黑2017-07-05 10:50:51

    在頁面打印你要添加滑動的這個wrapper的高度,看是否和你設定的高度一致,如果沒設置高度,而是由內容撐開了高度,就有出現導致滑不動的情況

    回覆
    0
  • 巴扎黑

    巴扎黑2017-07-05 10:50:51

    測試OK了,是wrapp沒設定高度的問題。還是理解不夠透徹,回覆晚了,再次感謝大神

    回覆
    0
  • 取消回覆