美文网首页
layer弹出框在较端的手机上被弹出的键盘不能还原

layer弹出框在较端的手机上被弹出的键盘不能还原

作者: vivianXIa | 来源:发表于2019-05-15 20:10 被阅读0次

用layer做弹出框确在有的手机上发现:键盘弹起后,导致弹出内容边短了
用的layer代码:

layer.open({
  type: 1,
  title: false,
  closeBtn: 0,
  area: '516px',
  skin: 'layui-layer-nobg', //没有背景色
  shadeClose: true,
  content: $('#tong')
});

效果图


正常效果图

但是一旦屏幕被缩小,这个弹出内容就变小了,而且恢复屏幕大小之后,弹出层的高度不能还原


恢复高度大小不能还原
经查看会发现其实是
.layui-layer-page .layui-layer-content

被scroll


2.png

那么只要不让他scroll即可,加上样式

 .layui-layer-page .layui-layer-content{overflow: visible}

就可以不会被压缩了!

相关文章

网友评论

      本文标题:layer弹出框在较端的手机上被弹出的键盘不能还原

      本文链接:https://www.haomeiwen.com/subject/mqimaqtx.html