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