Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
sosohime opened this issue Jan 18, 2017 · 19 comments
Assignees
Labels

Comments

@sosohime
Copy link

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

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

@silentcloud
Copy link
Contributor

真机没重现

@hldzlk
Copy link

hldzlk commented Feb 22, 2017

发现同样问题

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

@sosohime
Copy link
Author

sosohime commented Feb 23, 2017

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

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

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

@silentcloud
Copy link
Contributor

silentcloud commented Feb 23, 2017

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

@CodingMonkeyzh
Copy link

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

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

@paranoidjk
Copy link
Contributor

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

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

@paranoidjk
Copy link
Contributor

close for no response.

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

@CodingMonkeyzh
Copy link

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

@paranoidjk
Copy link
Contributor

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

@CodingMonkeyzh
Copy link

CodingMonkeyzh commented Mar 21, 2017

@paranoidjk Android 7.0.0 Chrome 55 下真机测试效果:
1.0.6  左右滑动切换失败

@paranoidjk paranoidjk reopened this Mar 21, 2017
@paranoidjk
Copy link
Contributor

@CodingMonkeyzh
Copy link

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

@warmhug
Copy link
Contributor

warmhug commented Mar 28, 2017

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

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

@jyz1508
Copy link

jyz1508 commented Apr 17, 2017

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

@and80506
Copy link

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

@markwangen
Copy link

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

@paranoidjk
Copy link
Contributor

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
Copy link
Contributor

react-component/tabs#70

@paranoidjk
Copy link
Contributor

hammerjs/hammer.js#1050

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

9 participants