Fancybox定位 - 它可以相对于父div定位吗？

Question

我正在开发一个具有复杂元素的项目，我想我可以使用Fancybox作为解决方案，但我需要使用它与预期的略有不同。

通常情况下，fancybox会自动居中在屏幕上。我需要做的是将fancybox覆盖在一个非常特定的位置，无论屏幕有多宽，它都能留在那里。

有没有办法重写jquery以将其设置为页面上的固定坐标？

修改

好的，所以我做了以下

#fancybox-wrap {
display: none;
left: 40% !important;
outline: medium none;
padding: 20px;
position: absolute;
top: 100px !important;
z-index: 1101;
right: 61% !important;

}

动作几乎是完美的，但是当您调整屏幕大小时会有一些轻微的动作。

任何想法如何让它真正锁定在那里？

Answer 1

你可以通过在jquery.fancybox.js中找到这一行将它放在一个特定的div中并将appendTo更改为你选择的div，你需要将.fancybox-overlay定位更改为绝对的css也是固定的如果你想把它放在那个div中。

this.overlay = $('<div class="fancybox-overlay"></div>').appendTo( ".yourdiv" );