前海万联
前海万联
  • 发布:2019-04-27 18:13
  • 更新:2019-04-29 10:24
  • 阅读:618

【报Bug】H5模式actionsheet 弹出无法滚动

分类:MUI
mui

详细问题描述

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

[内容]

Hello Mui actionsheet.html文件

点击
<a href="#picture"><b>弹出</b></a>
弹出actionsheet 无法滚动

如果在<div id="picture" class="mui-popover mui-popover-action mui-popover-bottom 添加" mui-active "">就可以滚动
通过调试ID picture 也自动添加上mui-active 不知道为什么滚动不了

<div id="picture" class="mui-popover mui-popover-action mui-popover-bottom">  
            <ul class="mui-table-view">  
                <li class="mui-table-view-cell">  
                    <a href="#">拍照或录像</a>  
                </li>  
                <li class="mui-table-view-cell">  
                    <a href="#">选取现有的</a>  
                </li><li class="mui-table-view-cell">  
                    <a href="#">拍照或录像</a>  
                </li>  
                <li class="mui-table-view-cell">  
                    <a href="#">选取现有的</a>  
                </li><li class="mui-table-view-cell">  
                    <a href="#">拍照或录像</a>  
                </li>  
                <li class="mui-table-view-cell">  
                    <a href="#">选取现有的</a>  
                </li><li class="mui-table-view-cell">  
                    <a href="#">拍照或录像</a>  
                </li>  
                <li class="mui-table-view-cell">  
                    <a href="#">选取现有的</a>  
                </li><li class="mui-table-view-cell">  
                    <a href="#">拍照或录像</a>  
                </li>  
                <li class="mui-table-view-cell">  
                    <a href="#">选取现有的</a>  
                </li><li class="mui-table-view-cell">  
                    <a href="#">拍照或录像</a>  
                </li>  
                <li class="mui-table-view-cell">  
                    <a href="#">选取现有的</a>  
                </li><li class="mui-table-view-cell">  
                    <a href="#">拍照或录像</a>  
                </li>  
                <li class="mui-table-view-cell">  
                    <a href="#">选取现有的</a>  
                </li><li class="mui-table-view-cell">  
                    <a href="#">拍照或录像</a>  
                </li>  
                <li class="mui-table-view-cell">  
                    <a href="#">选取现有的</a>  
                </li><li class="mui-table-view-cell">  
                    <a href="#">拍照或录像</a>  
                </li>  
                <li class="mui-table-view-cell">  
                    <a href="#">选取现有的</a>  
                </li><li class="mui-table-view-cell">  
                    <a href="#">拍照或录像</a>  
                </li>  
                <li class="mui-table-view-cell">  
                    <a href="#">选取现有的</a>  
                </li><li class="mui-table-view-cell">  
                    <a href="#">拍照或录像</a>  
                </li>  
                <li class="mui-table-view-cell">  
                    <a href="#">选取现有的</a>  
                </li><li class="mui-table-view-cell">  
                    <a href="#">拍照或录像</a>  
                </li>  
                <li class="mui-table-view-cell">  
                    <a href="#">选取现有的</a>  
                </li><li class="mui-table-view-cell">  
                    <a href="#">拍照或录像</a>  
                </li>  
                <li class="mui-table-view-cell">  
                    <a href="#">选取现有的</a>  
                </li><li class="mui-table-view-cell">  
                    <a href="#">拍照或录像</a>  
                </li>  
                <li class="mui-table-view-cell">  
                    <a href="#">选取现有的</a>  
                </li>  
            </ul>  
            <ul class="mui-table-view">  
                <li class="mui-table-view-cell">  
                    <a href="#picture"><b>取消</b></a>  
                </li>  
            </ul>  
        </div>

重现步骤

[步骤]

[结果]

[期望]

[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]

[IDE版本号]

[windows版本号]

[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式是老模板模式还是新的自定义组件模式?]

App运行环境说明

[Android版本号]

[iOS版本号]

[手机型号]

[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ]

2019-04-27 18:13 负责人:无 分享
已邀请:
DCloud_UNI_CHB

DCloud_UNI_CHB

actionsheet适合少部分选项,如果你选项过多,建议使用popup扩展组件替代吧,参考:http://ext.dcloud.net.cn/plugin?id=329

该问题目前已经被锁定, 无法添加新回复