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

[Bug Report] popup内容溢出后,不能触屏滚动 #4377

Closed
github-gordon opened this issue Aug 2, 2021 · 4 comments
Closed

[Bug Report] popup内容溢出后,不能触屏滚动 #4377

github-gordon opened this issue Aug 2, 2021 · 4 comments
Milestone

Comments

@github-gordon
Copy link

设备

widonws 11, ios

VantWeapp 版本

1.7.2

基础库版本

2.15.0

请提供核心代码片段链接

https://github.com/github-gordon/test_code/blob/main/1.txt

描述问题

van-popup中的内容超出容器无法触摸滚动,只能鼠标滚轮滚动。

@nemo-shen
Copy link
Collaborator

popup本身显示的时候就是禁止滚动的,他的遮罩层是使用的 <overlay /> 组件实现的,而 overlay 内部有 catch:touchmove="noop"

如果你希望高度可以显示的正常点,可以

  <van-popup
    show="{{ true }}"
    custom-style="height: 20%"
  >
    内容
  </van-popup>

这个example在文档上有类似的

@github-gordon
Copy link
Author

popup本身显示的时候就是禁止滚动的,他的遮罩层是使用的 <overlay /> 组件实现的,而 overlay 内部有 catch:touchmove="noop"

如果你希望高度可以显示的正常点,可以

  <van-popup
    show="{{ true }}"
    custom-style="height: 20%"
  >
    内容
  </van-popup>

这个example在文档上有类似的

我现在需要的是能滚动的效果,这个popup就不能支持了么

@nemo-shen
Copy link
Collaborator

通过修改 lock-scroll 控制是否禁止滚动, 1.8.3 将会支持

@nemo-shen nemo-shen added this to the 1.8.3 milestone Aug 27, 2021
@nemo-shen
Copy link
Collaborator

1.8.3新增lock-scroll属性

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

No branches or pull requests

2 participants