ios使用scrollview和list无法向上划动

timoon

测试环境：iphone 6s  系统10.3.2 使用safari浏览器
起步x5版本：v3.7
在model中放置一个data组件，在scrollview中加入一个list，list绑定data然后在list的li中放置一个image，image的图片地址绑定data中的headimg字段，通过ajax加载本地json数据，在不设置async : false情况下列表无法向上划动，设置了async : false时列表能划动但向下刷新后再次无法划动，在android和pc浏览器都正常，在qq和uc浏览器也正常，只有safari浏览器不兼容，在出现这种错误时如果调到其他界面再回来列表就能划动，但向下划动出现刷新的图标和文字时会出现明显的卡顿现象
本地json数据

1. [
   
2. {"id":"0","headimg":"https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2417541541,2500372120&fm=27&gp=0.jpg"},
   
3. {"id":"1","headimg":"https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2417541541,2500372120&fm=27&gp=0.jpg"},
   
4. {"id":"2","headimg":"https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2417541541,2500372120&fm=27&gp=0.jpg"},
   
5. {"id":"3","headimg":"https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2417541541,2500372120&fm=27&gp=0.jpg"},
   
6. {"id":"4","headimg":"https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2417541541,2500372120&fm=27&gp=0.jpg"},
   
7. {"id":"5","headimg":"https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2417541541,2500372120&fm=27&gp=0.jpg"},
   
8. {"id":"6","headimg":"https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2417541541,2500372120&fm=27&gp=0.jpg"},
   
9. {"id":"7","headimg":"https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2417541541,2500372120&fm=27&gp=0.jpg"},
   
10. {"id":"8","headimg":"https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2417541541,2500372120&fm=27&gp=0.jpg"},
    
11. {"id":"9","headimg":"https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2417541541,2500372120&fm=27&gp=0.jpg"},
    
12. {"id":"10","headimg":"https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2417541541,2500372120&fm=27&gp=0.jpg"},
    
13. {"id":"11","headimg":"https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2417541541,2500372120&fm=27&gp=0.jpg"}
    
14. ]

复制代码

data中重写的刷新方法

1.         var page2=1;
   
2.         Model.prototype.data2CustomRefresh = function(event){
   
3.                 if(!event.options.append){
   
4.                         page2=1;
   
5.                 }
   
6.                 $.ajax({
   
7.                         type : "POST",
   
8. //                        async : false,
   
9.                         url : require.toUrl("./data2.json"),
   
10.                         success : function(data) {
    
11.                                 event.source.setTotal(12);
    
12.                                 event.source.loadData(data, event.options.append);
    
13.                                 page2+=1;
    
14.                         },
    
15.                         error : function(e){
    
16.                                 console.log(e);
    
17.                         }
    
18.                 });
    
19.         };

复制代码

源代码

liangyongfei

苹果手机有一个默认滑动行为，去掉试试，可能是冲突了
http://docs.wex5.com/wex5-app-question-list-2068

timoon

liangyongfei 发表于 2017-12-26 16:49
苹果手机有一个默认滑动行为，去掉试试，可能是冲突了
http://docs.wex5.com/wex5-app-question-list-2068 ...

测试过了这样设置后列表无论有没有设置异步都无法向上划动

liangyongfei

timoon 发表于 2017-12-26 17:35
测试过了这样设置后列表无论有没有设置异步都无法向上划动

那你先试试平台案例
比如
/UI2/system/components/justep/list/demo/news.w
正常吗？？
或者试试其他案例（外卖），在你机器上测试正常吗？？

同步请求就可以的！先别用异步的！

如果案例都正常，对比下组件配置的差异吗！你这种问题，没遇到过

timoon

liangyongfei 发表于 2017-12-26 17:48
那你先试试平台案例
比如
/UI2/system/components/justep/list/demo/news.w

案例跑起来正常

liangyongfei

timoon 发表于 2017-12-26 18:09
案例跑起来正常

那就对比下案例，有何差异？？

邹胖胖

timoon 发表于 2017-12-26 18:09
案例跑起来正常

你好。我也遇到这个问题了。请你你怎么解决的？