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

Popup组件内定义的元素设置overflow-x: auto;后无法滑动 #6288

Closed
ikangjie opened this issue Aug 7, 2023 · 10 comments
Closed

Popup组件内定义的元素设置overflow-x: auto;后无法滑动 #6288

ikangjie opened this issue Aug 7, 2023 · 10 comments
Labels

Comments

@ikangjie
Copy link

ikangjie commented Aug 7, 2023

Version of antd-mobile

antd-mobile 5.32.0

Operating system and its version

iOS

Browser and its version

chrome 115.x

Sandbox to reproduce

https://codesandbox.io/s/weathered-cloud-8gmgdj

What happened?

问题:Popup组件内定义的元素设置overflow-x: auto;后无法滑动,鼠标滑动可以,手势无法滑动
期望:手势能正常滑动

Relevant log output

No response

@ikangjie ikangjie added the bug label Aug 7, 2023
@1587315093
Copy link
Contributor

1587315093 commented Aug 7, 2023

是红色的区域吗?我手机打开好像是可以滚动的~

或者样式加个 WebkitOverflowScrolling: "touch" 试试

@ikangjie

@ikangjie
Copy link
Author

ikangjie commented Aug 7, 2023

@1587315093 加了也不行,很奇怪,我用手机也是可以正常滑动,但是在 webview 里面的就不行,很正常的样式,我现在已经用 swiper 组件解决了这个奇怪的问题

@1587315093
Copy link
Contributor

1587315093 commented Aug 7, 2023

@1587315093 加了也不行,很奇怪,我用手机也是可以正常滑动,但是在 webview 里面的就不行,很正常的样式,我现在已经用 swiper 组件解决了这个奇怪的问题

swiper 能用 是不是touch事件问题呀 @miracles1919 大哥知道吗

@miracles1919
Copy link
Contributor

看起来像是 webview 禁用了滚动,试试不用组件,单独用滚动元素

@listenecho
Copy link

我也是遇到了这种情况 使用overflow-x: auto 在ios真机无法滑动, -webkit-overflow-scrolling: touch;
加上也不行

@wqjiao
Copy link

wqjiao commented Dec 18, 2023

我也出现了这个问题,在钉钉里面打开滚动不了,有没有什么解决方案

@cwjjjjj
Copy link

cwjjjjj commented Mar 8, 2024

iOS 内横向好像依然无法滑动

@chuyaoe
Copy link

chuyaoe commented Mar 29, 2024

真机测试ios和安卓都没法横向滑

@patchBig
Copy link

可以试试把页面高度设置成 100vh,overflow scroll。

@Agroo
Copy link

Agroo commented Apr 16, 2024

如何解决这个问题?

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