Jquery 将灯箱的div改为fixed和back
我有一个html文件Jquery 将灯箱的div改为fixed和back,jquery,css,Jquery,Css,我有一个html文件 <html> <body> <div #main> <a click to open lightbox> <img> <more images> </a> </div> </body> </html> 但它并没有提到要增加一个灯箱。这就是问题所在。我需要代码来获得更好的答案,这里有一些提示 你试过把你的身体设置为“溢出:隐藏”吗 卷轴取决于您悬停的元素
<html>
<body>
<div #main> <a click to open lightbox> <img> <more images> </a> </div>
</body>
</html>
但它并没有提到要增加一个灯箱。这就是问题所在。我需要代码来获得更好的答案,这里有一些提示
你试过把你的身体设置为“溢出:隐藏”吗
卷轴取决于您悬停的元素,您是否尝试将#main size设置为窗口大小
问候
[更新]
在我看到你的网站后,我想你应该做些改变
使“pp_图片夹”成为“pp_覆盖”的子对象
将你的“图片夹”放在css中,不是固定的,使用“边距:0自动
在Jquery中,在窗口上使用“调整大小”功能将“pp_覆盖”的宽度/高度设置为窗口宽度/高度。应该是这样的
function overlayResize(){
var WW=$(window).width();
var WH=$(window).height();
$(".overlay").height(WH).width(WW);
}
$(window).resize(function(){
overlayResize();
})
overlayResize();
这里有一些jsFiddle:
[更新]
如果要在覆盖中滚动,请不要忘记添加:
overflow:auto;
到你的覆盖层
[更新]
这一个使停止隐藏功能,当你点击在选定的图片
jQuery代码或实例将非常有用。@freshyeball脚本有点长。我怎样才能分享它?它在我的本地计算机上。在上创建一个(使用尽可能少的代码)Jsfiddle@aVC或者你可以分享你的本地IP地址(你以后可以随时更改)@freshyeball点击像手一样的图片。第二个图像。我只在那个图像上有lightbox。是的,我试过溢出:隐藏。如果我在#main上使用它,整个身体仍然会滚动。如果我在body上使用它,弹出溢出也会隐藏起来。我没有将#main size设置为window size,因为它小于window size。我发布了网址。你需要我给你发密码吗?谢谢。但问题是,如果您将.selectedPic{}高度更改为700px;然后弹出窗口延伸到视口下方,但无法滚动。在OverlyCool上设置“溢出:自动;”。它放在小提琴上很好看。让我试穿一下真的。非常感谢,很快会让你知道的。不要忘了把“pp_图片”作为“pp_覆盖图”的子文件夹,如果你不这样做,你就不能在覆盖图中滚动。
overflow:auto;