2

我正在开发一个具有复杂元素的项目，我认为我可以使用 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;

}

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

有什么想法可以让它真正锁定在那里吗？

4

1 回答 1

1

您可以通过在 jquery.fancybox.js 中找到这一行并将 appendTo 更改为您选择的 div 将其放在特定的 div 中，如果需要，您还需要将 .fancybox-overlay 定位从 CSS 中的固定更改为绝对将其定位在该 div 中。

this.overlay = $('<div class="fancybox-overlay"></div>').appendTo( ".yourdiv" );
于 2013-08-17T19:29:53.090 回答