我正在一个具有复杂元素的项目中工作,我想可以使用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;
}
动作几乎是完美的,但是在调整屏幕大小时会有一些轻微的移动。
有什么想法可以让我真正地锁定在那里吗?
最佳答案
您可以通过在jquery.fancybox.js中找到此行并将其更改为您选择的div来将其放在特定的div中,如果需要,您还需要将.fancybox-overlay位置从css中的固定位置更改为绝对位置将其放置在该div中。
this.overlay = $('<div class="fancybox-overlay"></div>').appendTo( ".yourdiv" );
关于jquery - Fancybox定位-可以相对于父div定位吗?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15391693/