它是按页面的总高度居中显示的。没有计算滚动条位置。
我们期望的结果是让弹窗在当前可视区居中显示。
在网上查询了一下,解决方案,在我这边测试有效的方案如下:
解决方法一:
将网页声明为 HTML5。在页面第一行增加 <!doctype html>
注意,需要测试你的页面是否完全兼容HTML5,如果不兼容可能会存在布局显示异常。
方案二:
给Body增加一个样式,设置Body的高度为100%
<body style="height:100%;">
Layer弹窗显示图片的js代码:
[复制到剪贴板] |
function showImage(imgsrc){
layer.photos({
photos:{
"title": "查看图片",
"id": 1,
"start":0,
"data":[
{
"alt": '',
"pid": 0,
"src": imgsrc,
"thumb": imgsrc
}]
},
anim: 5
});
}