在Android的窗口大小调整中,lightbox消失了
lightbox disappears of view from window resize in Android
灯箱显示在右侧位置(上/左居中),但是当用户缩放;灯光保持在相同的位置(不考虑窗口/视图已被调整大小/裁剪),
你可以在这里测试一下点击标题的蓝色按钮
我正在检查灯箱的代码,我可以看到
$(window).bind('resize', $.proxy(function() {
if (this.visible)
{
this.overlay.resize();
if (!this.maximized) {
this.movebox();
}
}
}, this));
WHERE MOVEBOX() IS:
function(w, h) {
var size = { x: $(window).width(), y: $(window).height() };
var scroll = { x: $(window).scrollLeft(), y: $(window).scrollTop() };
var height = h!=null ? h : this.esqueleto.lightbox.outerHeight();
var width = w!=null ? w : this.esqueleto.lightbox.outerWidth();
var y = 0;
var x = 0;
//vertically center
x = scroll.x + ((size.x - width) / 2);
if (this.visible) {
y = scroll.y + (size.y - height) / 2;
} else if (this.options.emergefrom == "bottom") {
y = (scroll.y + size.y + 14);
} else {// top
y = (scroll.y - height) - 14;
}
if (this.visible) {
if (!this.animations.move) {
this.morph(this.esqueleto.move, {
'left' : x
}, 'move');
}
this.morph(this.esqueleto.move, {
'top' : y
}, 'move');
} else {
this.esqueleto.move.css({
'left' : x,
'top' : y
});
}
}
问题是:我如何才能正确地计算新的高度和新的,所以灯箱遵循srcoll/zoom在android(也在iphone它移动了一点)
我对window.resize()函数的move()元素在Android上不工作的回答可能会为您提供一些关于该主题的信息。我猜你的scrollLeft()遇到了一些问题。
悲伤时刻:
相关文章:
- 为什么js事件消失了
- 为什么我的HTML标签消失了
- 带撇号的字母消失了
- 当对象从服务器发送到客户端时,JS原型方法消失了
- 下拉菜单在我进入链接之前消失了
- 当我在tinmyce.int()中编写设置函数时,tinymce消失了,只有纯文本区域可见
- 我搜索了一些东西后,自己添加到谷歌的脚本就消失了
- Webgrid寻呼机在隐藏列Mvc4后消失了
- 为什么我的球消失了
- 为什么当我在 jQuery 中添加切换事件时我的按钮消失了
- 我的饼干消失了
- 某些全局(类)变量在 JavaScript 中消失了?(照片处理)
- 为什么当我对其父元素进行动画处理时,我的 UL 消失了
- 当我通过javascript添加警报并取消事件时,滚动条消失了
- 没有冲突使我的表格消失了
- 为什么我的网页上这个UL的链接和文本消失了
- 当我错过中间的单选按钮时,以前的正确单选按钮消失了
- 为什么我的html img突然消失了,我需要清除缓存
- 谷歌地图消失了
- 在Android的窗口大小调整中,lightbox消失了