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

相關文章
相關標籤/搜索