引入高清方案后Tabs组件左右滑动切换失败，停留滑动后的位置

[sosohime]

• antd-mobile 版本：0.9.14
  Android, sony xperia Z3及其他高分辨率手机

引入高清方案后Tabs组件左右滑动切换失败，停留滑动后的位置

[silentcloud]

真机没重现

[hldzlk]

发现同样问题

• 项目也配了高清方案
• chrome(58)：开手机模拟就会出现这种问题，取消手机模拟就正常(高清方案应该也自动取消了)，
• iPhone7P: 微信中只有第一页有滑动，然后就没反应了
• 猜测: touch事件是在最外层Tabs上的 可能是touch事件的兼容问题
  

[sosohime]

https://mobile.ant.design/components/tabs/
这里的demo也一样

• win10
• chrome(56.0.2924.87)开启手机模拟
• 配置了高清方案
• 取消手机模拟则正常

另外在安卓机上面chrome浏览器也是有问题，微信浏览器就没关系

[silentcloud]

• iPhone7P: 微信中只有第一页有滑动，然后就没反应了 没重现
• chrome 模拟确实有问题（最终跑在真机上的，优先解决真机问题）
• iPhone6P: chrome 应用没重现
• 华为荣耀8：真机微信未重现

[CodingMonkeyzh]

http://codepen.io/CodingMonkeyzh/full/KWMWBK/
这个 demo 拷贝至官方示例。

• One Plus 3T: 微信下正常
• One Plus 3T: Chrome 55 下出现上述问题，滑动时卡住，极不流畅
• chrome 模拟有问题，取消手机模拟表现正常

[paranoidjk]

chrome模拟器的问题暂时不管。

请各位优先看下真机上最新版 antd-mobile 1.0.5 是否还有此问题

[paranoidjk]

close for no response.

@sosohime
If you still have any further problems, just comment, and i will reopen.

[CodingMonkeyzh]

@paranoidjk One Plus 3T(Android 7.0.0): Chrome 55 依然存在出现上述问题

[paranoidjk]

@CodingMonkeyzh chrome模拟器先不管，真机上最新 1.0.6 滑动有啥问题？能给个gif吗？感谢

[CodingMonkeyzh]

@paranoidjk Android 7.0.0 Chrome 55 下真机测试效果：

[paranoidjk]

@CodingMonkeyzh https://mobile.ant.design/kitchen-sink/components/tabs?lang=zh-CN#tabs-demo-0

[CodingMonkeyzh]

@paranoidjk 打开上面的 demo 依然是一样卡顿

[warmhug]

在微信 支付宝里打开看是没问题。新的 Android chrome 里确实有问题，估计是新的浏览器或新的 webview 有兼容问题。

@CodingMonkeyzh 欢迎帮忙一起定位到具体的问题点

[jyz1508]

^1.0.8 魅蓝note3，chrome浏览器仍有此问题，自带浏览器无此问题

[and80506]

同问题+1，ant-mobile0.9.15，高清方案tabs打开动画效果，在安卓真机上，滑动切换tab时qq和微信打开稍有卡顿，仍然可以正常切换，而微博打开时，滑动被卡住。

[markwangen]

My mobile-antd version is 1.5.0, still have this problem! Does that means we should not use swipe function of tabs?

[paranoidjk]

This is caused by hammer.js bug: hammerjs/hammer.js#1103

Since antd-mobile@2.0 will rewrite tabs, and replace hammer.js with rc-geture, this problem should be fixed.

cc @zhang740

[paranoidjk]

react-component/tabs#70

[paranoidjk]

hammerjs/hammer.js#1050