layui弹出层动态添加table元素,超出高度后,不显示滚动条遇到的大坑!

本身的代码以下css

layer.open({
                        type: 2,
                        title: "${message('shop.quickorder.window')}",
                        closeBtn: 2,
                        shadeClose: true,
                        shade: 0.5,
                        area: ['1100px', '800px'],
                        scrollbar: true,
                        content: ['${base}/url','no']
                    });

而后页面渲染后dom元素以下:
html

页面效果以下:
右侧没有滚动条啊。dom

网上搜索结果大可能是有个css类
layui-layer-content
layui-body
……其它的类有个overflow:hidden 或overflow:auto; 须要将这两个属性去掉便可。 我在页面的dom元素李从外找到内,又从内找到外始终没找到有类引用了这个属性。找晕了。。。 而后偶然发现layer渲染的弹出层窗口iframe 标签里有个scrolling="no"属性,这各属性从哪来的? ui

这个属性从哪来的?再看看代码里

layer.open方法里content里有个'no' 参数啊。 去官方文档看看

哦了,问题就在这了,把no改成yes后,终于好了。 url

注意看文档要看对地方, 我第一次看的文档里是这样的
https://www.layui.com/doc/modules/layer.html 3d

应该看这个文档http://layer.layui.com/
code

很坑。htm

相关文章
相关标签/搜索