layer.open({
type: 1
, title :"新增入库内容"
, content: $("#add-goods")
, resize: false
, area: ["660px", "520px"]
, btn: ['确定']
});
在弹出层使用 select, content为页面一个隐藏的dom元素
最下方使用了select,如果弹出层在整个页面中间会向下展开
如果把弹出层拖动至页面底部才会向上展开
这种情况建议不要设置弹层的高度,让其自适应。将 area
改成:
area: "660px"
top肯定是够的,下拉框测试时只放了3个,高度也肯定是够的,出现向下展开应该是计算距离底部距离时不是根据弹出层底部所以导致计算的数值错误产生的.下拉框放到上面倒是个办法,但是不是最好的办法.
@morning-star @AAA
这种情况,除了 Sight 提供的解决方案,还可以在不设置高度的情况(让其自适应),继续对 .layui-layer-content
设置 overflow: visible
,如此应该就能以最简单的方式提升 select 展开时的体验了。
特殊需求可以考虑自行实现,下面是一个简单的 demo,可以参考一下。
更多可能出现的边缘情况,需要你自己处理。
演示案例 https://layui-vue.gitee.io/sandbox-vue/?deps=layui
这么做是可以只不过有些麻烦
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
登录 后才可以发表评论