本文探讨了H5中弹框在BODY标签缺失或存在iframe时可能出现的位置和高度计算错误的问题。当DOM结构中没有BODY标签，H5会自动生成，但高度可能不准确。在iframe环境下，如果最外层标签高度超过iframe本身，弹框将出现在错误位置。解决方案是确保页面有BODY标签，并将其包裹住原有DOM，设置BODY样式为height:100%;overflow:auto;，以适应iframe高度并实现滚动显示。
layer.msg("弹出信息", { icon: 1, time: 2000 }, function () {
});
问题：弹框位置取当前BODY标签高度一般偏上的位置，层级一般为最高，当页面DOM无BODY标签时H5会自动生成BODY标签，但高度会取DOM中最外层标签的高度，当使用iframe标签显示该页面时，如果最外层标签高度大于iframe设置的弹窗高度，弹框会计算页面DOM最外层标签高度并显示在一半高度偏上的位置
解决方案：在页面中加入BODY标签并将原有的页面DOM包在BODY标签中，并设置BODY标签样式为：height:100%;overflow:auto;，设置该样式会获取当前iframe高度，超出的部分可滚动显示
扫一扫
1343
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
