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

nut-popup组件小程序端 lock-scroll 无效 #1282

Closed
liuxinju opened this issue May 11, 2022 · 3 comments
Closed

nut-popup组件小程序端 lock-scroll 无效 #1282

liuxinju opened this issue May 11, 2022 · 3 comments
Assignees

Comments

@liuxinju
Copy link

问题描述

小程序端使用nut-popup组件会有穿透滑动的问题,滑动弹窗遮罩层或者滑动弹窗内部,弹窗底下的内容也会跟着滑动(pc端没有问题)
lock-scroll 无效

最小可复现仓库

请创建最小可复现代码,并上传到你的 GitHub 仓库

预期的行为和实际行为

复现步骤,具体代码

相关环境信息

  • 操作系统
  • Node 版本:v16.15.0
  • NutUI 版本: @nutui/nutui-taro@3.1.17
  • Vue 版本: @vue/cli 5.0.4
  • 引用方式: npm@8.5.5
@emorywang
Copy link

我也遇到同样的问题,类似的组件(比如picker)也是如此

@szg2008 szg2008 self-assigned this May 19, 2022
@szg2008
Copy link
Contributor

szg2008 commented May 28, 2022

目前解决办法只能自己在外层增加样式控制

szg2008 pushed a commit that referenced this issue May 30, 2022
* feat: popup 在 Taro 中遮罩层底部滑动(#1282)
@szg2008 szg2008 closed this as completed May 30, 2022
@zhangyuanliang
Copy link
Contributor

可以通过配置page-meta解决,弹窗出现时设置page-style="overflow:hidden",关闭时设置page-style=""

<page-meta
  page-style="overflow: hidden"
>
</page-meta>

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

No branches or pull requests

4 participants