Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Fancybox定位-可以相对于父div进行定位吗?_Jquery_Fancybox - Fatal编程技术网

Jquery Fancybox定位-可以相对于父div进行定位吗?

Jquery Fancybox定位-可以相对于父div进行定位吗?,jquery,fancybox,Jquery,Fancybox,我正在做一个项目,它有一个复杂的元素,我想我可以使用Fancybox作为解决方案,但我需要使用与预期略有不同的方法 通常,fancybox会在屏幕上自动居中。我需要完成的是将fancybox覆盖在一个非常特定的位置,并且无论屏幕有多宽,它都保持在那里 有没有办法重写jquery以将其设置为页面上的固定坐标 编辑 好吧,我做了下面的事情 #fancybox-wrap { display: none; left: 40% !important; outline: medium none; paddi

我正在做一个项目,它有一个复杂的元素,我想我可以使用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的appendTo,如果你想在该div中定位它,你还需要将.fancybox覆盖定位从css中的fixed更改为绝对

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

更改fancybox容器div的左/右/上/下css属性,并将其设置为
!重要信息
这确实将元素定位在浏览器中,但我需要我的元素定位在960px宽的网站包装中